unserver-unify/src/app/course/list_t8.html

<div class="second_theme t_new" ng-controller="CoursesCtrl as ctrl">  
  <div class="category_filter" ng-class="{'t6_category' : loginService.school.theme=='t6'}">
    <div class="container relative">
      <ul class="relative">
        <li>
          <a href="javascript:void(0);" ng-click="ctrl.clearSearch()">
            <b>Category</b>
          </a>
        </li>
        <li ng-repeat="key in ctrl.topCate | limitTo:ctrl.topCate.length-1" ng-click="ctrl.headerCateSearch(key,$index)">
          <a href="javascript:void(0);">
            <b>{{ key }}</b>
          </a>
        </li>
        <li ng-repeat="(key, value) in ctrl.headCate" ng-class="{'active':ctrl.option==key}" ng-click="ctrl.headerCateSearch(key,ctrl.topCate.length-1)">
          <a href="javascript:void(0);">{{ key }}</a>
        </li>
      </ul>
      <div class="category_list_more">
         <a href="javascript:void(0);"><i class="fa fa-ellipsis-v"></i></a>
         <ul>
          <li class="transition" ng-repeat="(key, value) in ctrl.headCate" ng-click="ctrl.headerCateSearch(key,ctrl.topCate.length-1)">
            <a href="javascript:void(0);">{{ key }}</a>
          </li>
         </ul>
      </div>
    </div>
  </div>

  <div class="home_slider relative">
    <div class="carousel" active="active" interval="5000" uib-carousel="">
      <div class="carousel-inner" style="overflow: visible;" ng-if="currentSchool.cphotos&&currentSchool.cphotos.length > 0">
        <div index="$index" ng-repeat="slide in currentSchool.cphotos" uib-slide="">
          <div class="text-center">
            <img ng-src="{{ctrl.bannerPath}}{{slide}}"/>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="margin-bottom-10"></div>
  <div class="container">
    <div class="headline" ng-if="ctrl.relatedCate&&!isObjectEmpty(ctrl.relatedCate)">
      <h4 translate="">More Topics</h4>
    </div>
    <ul class="category_third_level">
      <li ng-repeat="(key, value) in ctrl.relatedCate" ng-click="ctrl.headerCateSearch(key,ctrl.topCate.length)"><a href="javascript:void(0);">{{ key }}</a></li>
    </ul> 
    <div class="row margin-bottom-20">
      <div class="col-md-3 col-xs-6 padding-right-0" pagination-id="setting.listName" dir-paginate="item in setting.items | itemsPerPage: setting.pageSize" total-items="setting.totalCount" current-page="setting.currentPage">
        <div class="course-preview premium-course">
          <div class="course-image">
            <a ui-sref="{{ item.courseurl }}({ 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 }}" style="height:150px;"  />
            </a>
            <span ng-if="item.newflag" class="list_new">
              <img src="assets/images/new.gif"/>
            </span>
            <span ng-if="item.singlesection" class="badge badge-warning list_micro">{{'Micro'|translate}}</span>
            <div class="course-price product-price" ng-if="item.price">
              <div class="price-text">
                  <span class="amount">{{ctrl.currency}} {{ item.price | number : 2 }}</span>
              </div>
              <div class="corner-wrap">
                <div class="corner"></div>
                <div class="corner-background"></div>
              </div>      
            </div>
            <div class="course-price product-price" ng-if="!item.price && currentSchool.paymentFlag && item.privacy=='fee'">
              <div class="price-text">Free</div>
              <div class="corner-wrap">
                <div class="corner"></div>
                <div class="corner-background"></div>
              </div>      
            </div>
          </div>
          <div class="course-meta">
            <header class="course-header">
              <h5 class="nomargin" style="height: 15px; overflow: hidden;">
                <a ui-sref="{{ item.courseurl }}({ cid: item._id ,cs:getCheckSum(item._id) })">{{ item.name }}</a>
              </h5>
              <p class="clamped clamped-3" style="height: 4.8em;">
                {{ item.description }}
              </p>
            </header>
            <footer class="course-footer clearfix">
              <div class="course-users pull-left">
                <i class="fa fa-users"></i>
                {{item.enrolledcounter}}
              </div>
              <div class="course-users pull-left">
                &nbsp;
                <i class="fa fa-eye"></i>
                {{item.visitercounter}}
              </div>

              <div class="list_rating">
                <span class="average dummy_avg" ng-if="!item.rating">
                  <div class="average-rating-container">
                    <ul class="rating background">
                      <li class="star">
                        <i class="fa fa-star">
                        </i>
                      </li>
                      <li class="star">
                        <i class="fa fa-star">
                        </i>
                      </li>
                      <li class="star">
                        <i class="fa fa-star">
                        </i>
                      </li>
                      <li class="star">
                        <i class="fa fa-star">
                        </i>
                      </li>
                      <li class="star">
                        <i class="fa fa-star">
                        </i>
                      </li>
                    </ul>
                  </div>
                </span>
                <span class="average" ng-if="item.rating">
                  <average-star-rating max="5" rating-value="item.rating">
                  </average-star-rating>
                </span>
              </div>      
            </footer>
          </div>
        </div>
        <div class="margin-bottom-20"></div>
      </div>
    </div>
    <div class="row" ng-show="setting.totalCount >setting.pageSize">
      <div class="col-md-12 forum">
        <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="q='';setting.ctrl.pageChanged(newPageNumber)" class="with-others">
          </dir-pagination-controls>
        </div>
      </div>
    </div>
    <h3 class="row text-center" ng-if="setting.items.length == 0" style="padding-top: 14%">
      {{'Your search did not match with any courses, modify your keyword and try again' | translate }}
      <div class="margin-bottom-50"></div>
    </h3>
  </div>
</div>