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

<div ng-controller="MyCoursesCtrl as ctrl"  >
  <div class="panel panel-body" style="margin:0;" style="padding-top: 0px;">
        <div  >
            <div class="msg_info">
                <div class="col-lg-6 col-xs-6 col-xs-6 col-xs-12">
                    <h4><i class="fa fa-book"></i> {{ctrl.totalCount  - ctrl.currentfinished}}</h4>
                    <p>{{ {eng:'Progress', chn:'进行中'} | trans}}</p>
                </div>
                <div class="col-lg-6 col-xs-6 col-xs-12">
                    <h4><i class="fa fa-book"></i> {{ctrl.currentfinished}}</h4>
                    <p>{{ {eng:'Completed',chn:'已完成'} | trans}}</p>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
      </div>
  <!-- view for empty mycourse page -->
  <div ng-if="ctrl.items | isEmpty">
    <div class="col-md-8 col-md-offset-2">
      <div class="error-v1">
        <span>{{ { eng : 'You did not join any course, please contact your class/course teacher if you cannot see your course', chn: '你还未报名任何课程。如果你没有看到你已报名的课程，请联系班级/课程老师。' } | trans }}</span>
      </div>        
    </div>
  </div>
  <!-- view for not empty mycourse page -->
  <div ng-if="ctrl.items | notEmpty">
    <!--div class="forum">
      <div class="tag-box tag-box-v6 margin-bottom-20 text-right clearfix" >
        <div class="form-inline pull-left">
          {{"Total Count"| translate}}: <span class="badge badge-green rounded-2x">{{setting.totalCount}}</span>
        </div>
        <dir-pagination-controls pagination-id="setting.listName" boundary-links="true" template-url="components/content/dirPagination.tpl.html" on-page-change="ctrl.pageChanged(newPageNumber)" class="with-others">
        </dir-pagination-controls>
      </div>
    </div-->
    <div class="row margin-bottom-20">
      <div class="col-xs-12 " pagination-id="setting.listName" dir-paginate="item in ctrl.items | itemsPerPage: setting.pageSize" total-items="setting.totalCount" current-page="setting.currentPage">

        <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
            <div class="thumbnail-img">
              <div class="overflow-hidden text-center">
                <a ui-sref="{{ctrl.inspectorFlag|| item.privacy=='public' ? 'index.courses.course':'index.courses.info'}}({ cid: item._id,cs:getCheckSum(item._id) })">
                  <img class="img-responsive" ng-src="{{item.photo? ctrl.coursePhotoUrl+item._id +'/'+ item.photo : (item.mvpic? ctrl.subjectPicUrl+ item.mvpic : ctrl.defaultpic)}}" title="{{ item.name }}" alt="{{ item.name }}"  />
                </a>
              </div>
            </div>
            <div class="mbl_list_right">
              <div class="clearfix"></div>
              <div class="caption overflow-hidden clst" style="height:55px">
                <h3>
                <a class="hover-effect"  ng-click="ctrl.gotocourse(item._id)">{{ item.name }}</a>
                <span class="badge badge-green uppercase" style="margin-top:3px;" translate="" ng-if="item.progress==100">COMPLETED</span>
                </h3>
                <p>
                {{ item.description }}
                </p>
              </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>