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

<div ng-controller="TeachingCoursesCtrl as ctrl" class="col-lg-12 col-xs-12">
  <div ng-if="ctrl.items | isEmpty">
    <div class="col-md-8 col-md-offset-2">
      <div class="error-v1">
        <span>{{ { eng : 'You did not own any course!', chn: '本用户还未管理课程' } | trans }}</span>
      </div>
    </div>
  </div>
  <!-- view for not empty mycourse page -->
  <div ng-if="ctrl.items | notEmpty">
    <div class="row">
      <div class="col-lg-4 col-md-4 col-sm-6 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 bg-color-white relative">
          <div class="thumbnail-img">
            <div class="overflow-hidden">
              <a ng-if="!item.infoOnlyFlag " ui-sref="index.courses.course({ cid: item._id,cs:getCheckSum(item._id) })">
              <img class="img-responsive" style="height:150px;width:100%" 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>
              <a ng-if="item.infoOnlyFlag " ng-href="/#/courselist//infoonly/{{item._id}}">
              <img class="img-responsive" style="height:150px;width:100%" 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="caption" style="height:100px;overflow:hidden;">
            <a ui-sref="index.courses.course'({ cid: item._id ,cs:getCheckSum(item._id)})" class="line-ellipsis">
            <strong>{{ item.name }}</strong>
            </a>
            <p class="clamped clamped-3" style="border-top: solid 1px lightgrey;">
            <span class="text news-desc">
            {{ item.description }}
            </span>
            </p>
          </div>
          <div style="height:0;border-top:1px solid Gainsboro;font-size:0;">-</div>
          <div>
            <div class=" col-lg-6 pull-right no-padding" style="margin-top:3px;" ng-if="item.progress && item.progress != 0">
              <div class="progress">
                <div class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:{{item.progress}}%">
                  {{item.progress}}%
                </div>
              </div>
            </div>
            <a ui-sref="index.courses.cours({ cid: item._id })">{{ { eng : 'Start', chn : '浏览课程'} | trans }}</a>
            <span ng-if="item.newflag" class="pull-right" style="padding-right:10px;"><img src="assets/images/new.gif" /></span>
          </div>
        </div>
      </div>
    </div>
    <div class="tag-box tag-box-v6 margin-bottom-20 text-right clearfix" >
      <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>