unserver-unify/src/app/teacher/classes.html

<div ng-controller="TeacherClassCtrl as ctrl">
  <div class="row">
    <div ng-if="ctrl.teacherinfo.classesinfo | isEmpty">
      <div class="col-md-8 col-md-offset-2">
        <div class="error-v1">
          <span>{{ { eng : "No class found", chn: "未发现班级" } | trans }}</span>
        </div>        
      </div>
    </div>
    <div ng-if="ctrl.teacherinfo.classesinfo | notEmpty" class="col-lg-6 col-md-6 col-sm-6 col-xs-12 info_class" current-page="setting.currentPage" dir-paginate="class in ctrl.teacherinfo.classesinfo | itemsPerPage: setting.pageSize" pagination-id="setting.listName" total-items="ctrl.myclasses.length">
      <div class="widget style1 blue-bg">
        <div class="row">
          <a href="#/courses" ui-sref="index.courses">
            <div class="col-xs-2 col-lg-3 col-md-4">
              <i class="fa fa-users fa-5x">
              </i>
            </div>
            <div class="col-xs-10 col-lg-9 col-md-8 text-right">
              <span class="text news-desc col-lg-6 text-left no-padding">
                <div class="col-lg-6 no-padding" translate="">
                  Students
                </div>
                <div class="col-lg-6 no-padding">
                  {{class.studentcounter || 0}}
                </div>
                <div class="col-lg-6 no-padding" translate="course.teachers">
                  Teachers
                </div>
                <div class="col-lg-6 no-padding">
                  {{class.teachercounter || 0}}
                </div>
                <div class="col-lg-6 no-padding" translate="">
                  Courses
                </div>
                <div class="col-lg-6 no-padding">
                  {{class.coursecounter || 0}}
                </div>
                <div class="col-lg-6 no-padding" translate="">
                  Status
                </div>
                <div class="col-lg-6 no-padding status_info" ng-class="{'active':class.status=='active'}">
                  <i class="fa fa-check">
                  </i>
                  <span translate="">
                    {{class.status}}
                  </span>
                </div>
              </span>
              <h2 class="font-bold ng-binding col-lg-6 no-padding">
                {{ class.name }}
              </h2>
            </div>
            <div class="clearfix margin-bottom-10">
            </div>
            <ul class="list-inline text-left col-lg-12">
              <li class="padding-left-0">
                <span>
                  {{'Creation Date:'|translate}}' {{ class.year | date: 'medium' }}
                </span>
              </li>
              <li class="pull-right">
                <span>
                  {{'Duration:'|translate}} {{ class.len}} {{ {eng : 'years', chn : '年' } | trans }}
                </span>
              </li>
            </ul>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="clearfix">
  </div>
</div>