unserver-unify/src/app/mystudy/mobilemyclasses.html

<div>
  <!-- view for empty myclass page -->
  <div ng-if="classctrl.myclasses | isEmpty" class="no_record">
    <div class="col-md-8 col-md-offset-2">
      <div class="error-v1">
        <span>{{ { eng : 'You did not join any class, please contact your class teacher if you cannot see your class', chn: '本用户还未加入班级，请联系班级老师如果你没有看到你的班级' } | trans }}</span>
      </div>        
    </div>
    <div class="clearfix"></div>
  </div>

  <!-- view for not empty myclass page -->
  <div ng-if="classctrl.myclasses | notEmpty">
    <div class="forum">
      <div class="tag-box tag-box-v6 margin-bottom-20 text-right clearfix">
        <div class="pull-left">
          {{"Total"| translate}}: <span class="badge badge-green rounded-2x">{{classctrl.myclasses.length || 0}}</span>
        </div>
        <dir-pagination-controls pagination-id="setting.listName" boundary-links="true" template-url="components/content/dirPagination.tpl.html" on-page-change="classctrl.pageChanged(newPageNumber)" class="with-others pull-right">
        </dir-pagination-controls>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 info_class" pagination-id="setting.listName" dir-paginate="class in classctrl.myclasses | itemsPerPage: setting.pageSize" total-items="classctrl.myclasses.length" current-page="setting.currentPage">
    <div class="widget style1 blue-bg">
      <div class="row">
          <a  title="{{ class.name }}" ui-sref="index.classes.class.summary({ classid: class._id , cs:getCheckSum(class._id)})">
              <div class="col-xs-3 col-md-4">
                  <i class="fa fa-users fa-3x"></i>
              </div>
              <div class="col-xs-9 text-right">
                <h2 class="font-bold col-xs-12 no-padding">{{ class.name }}</h2>
              </div>
              <div class=" margin-bottom-10"></div>
              <span class="text news-desc col-xs-12 text-left">
                <div class="col-xs-2 no-padding" translate>{{'Students'|translate}}:</div> <div class="col-xs-4">{{class.studentcounter || 0}}</div>
                <div class="col-xs-2 no-padding"><span translate="course.teachers">Teachers</span>:</div> <div class="col-xs-4">{{class.teachercounter || 0}}</div>
                <div class="col-xs-2 no-padding" translate>{{'Courses'|translate}}:</div> <div class="col-xs-4">{{class.coursecounter || 0}}</div>
                <div class="col-xs-2 no-padding" translate>{{'Status'|translate}}:</div> <div class="col-xs-4">
                  <div class="status_info">
                    <i class="fa fa-check" style="color:green; padding:2px; float:left"></i>&nbsp;<span style="float:left; color:green">{{class.status|translate}}</span>
                  </div>
                </div>
              </span>
              <div class="clearfix margin-bottom-10"></div>
              <ul class="list-inline text-left col-lg-12">
                <li class="padding-left-0 col-xs-7"><span>{{'Create Date'|translate}}: {{ class.year | date: 'yyyy-MM-dd' }}</span></li>
                <li class="padding-right-0 col-xs-5 text-right"><span>{{ {eng:'Duration',chn:'班级有效期'}|trans }}: {{ class.len}} {{ {eng : 'years', chn : '年' } | trans }}</span></li>
              </ul>
          </a>
      </div>
    </div>
    </div>
  </div>
</div>