unserver-unify/src/app/subject/list.html

<div ng-controller="SubjectsCtrl as ctrl">
  <div class="col-md-3">
    <script id="menuTree.html" type="text/ng-template">
      <ul class="{(item.key==ctrl.option) ? 'active' : ''}} side-nav">
        <i class="sidebar_arrow {{item.items.length>0 ? 'fa fa-angle-right':''}}"  >
        </i>
        <a ng-click="ctrl.list(item.key)" class="{{(item.key==ctrl.option) ? 'active' : ''}} list">
          <span style="cursor: pointer;">
            {{item.title}}           
            <span ng-if="ctrl.catNumber[item.key]">
             ({{ ctrl.catNumber[item.key]}})
            </span>
          </span>
        </a>
        <ul class="second_level">
          <li ng-repeat="item in item.items" ng-include="'menuTree.html'">
          </li>
        </ul>
      </ul>
    </script>
    <ul class="sidebar_responsive" ng-class="{'sidebar_active':dropdown}">
      <li ng-class="{'sidebar_responsive_active':dropdown}">
        <button class="btn btn-primary" ng-click="ctrl.toggledrop()" type="button">
          <span class="fa fa-bars">
          </span>
        </button>
        <ul class="list-group sidebar-nav-v1">
          <li class="list-group-item side_hed">
            <a class="form-inline" ng-click="ctrl.list('')" style="cursor:pointer; float:left;">
              <strong style="float:left">
                {{ {eng:'All Programmes',chn:'全部专业'} | trans }} ({{ ctrl.catNumber.total }})
              </strong>
            </a>
          </li>
          <li class="no_record" ng-if="catitems.length == 0" translate="">
            No Record
          </li>
          <li class="list-group-item" ng-include="'menuTree.html'" ng-repeat="item in catitems" style="position:relative">
          </li>
        </ul>
      </li>
    </ul>
    <div class="clearfix">
    </div>
  </div>
  <div class="col-md-9">
    <div class="row margin-bottom-20">
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" current-page="setting.currentPage" dir-paginate="item in ctrl.courses | itemsPerPage: ctrl.pageSize" pagination-id="pages" total-items="totalCount">
        <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative" style="cursor: pointer;" ui-sref=".info({id:item._id})">
          <div class="thumbnail-img">
            <div class="overflow-hidden text-center">
              <a>
                <img alt="{{ item.name }}" class="img-responsive" ng-src="{{item.photourl }}" style="height:150px" title="{{ item.name }}"/>
              </a>
            </div>
          </div>
          <div class="caption overflow-hidden clst" style="height: 107px;">
            <div class="margin-bottom-5">
            </div>
            <h3>
              <a class="hover-effect" ui-sref=".info({ id: item._id })">
                {{ item.name }}
              </a>
            </h3>
            <p>
              {{ item.description }}
            </p>
          </div>
        </div>
      </div>
      <div class="no_record" ng-if="totalCount == 0" translate="">
        No Result!
      </div>
    </div>
    <div class="row" ng-show="totalCount >ctrl.pageSize">
      <div class="col-md-12 forum">
        <div class="tag-box tag-box-v6 margin-bottom-20 text-right clearfix">
          <dir-pagination-controls boundary-links="true" class="with-others" on-page-change="ctrl.pageChanged(newPageNumber)" pagination-id="list" template-url="components/content/dirPagination.tpl.html">
          </dir-pagination-controls>
        </div>
      </div>
    </div>
  </div>
</div>