unserver-unify/src/app/cfcourse/gsx/cfsearch.html

<div ng-controller="GsxCFCourseSearchCtrl as ctrl">
  <div class="block-description white-bg margin-bottom-20" ng-class="{'scroll_fixed':bottomFlag}" scroll="" style="padding-bottom: 0 !important;">
    <div class="slider slider_full_middle relative" style="background:#ccc;">
      <div class="carousel-inner">
        <div class="item active">
          <div class="text-center">
            <img src="assets/images/gsx_bg.jpg" style="top: 110%" />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="row margin-bottom-20">
     <div class="col-md-8">
        <span class="search_result" style="font-size:18px;">{{'Found'|translate}} <span>{{searchCount}}</span> {{'Courses'|translate}}</span>
      </div>
      <div class="col-md-4 pull-right">
        <div class="forum" style="margin-top: 3px;">
          <div class="input-group pull-right">
            <input class="form-control" ng-model="ctrl.searchObj.name" placeholder="{{ 'search course' | translate }}" type="text"/>
            <span class="input-group-btn" ng-show="ctrl.q.length >
                  0">
              <button class="btn btn-primary" ng-click="ctrl.getCourses(ctrl.searchObj)" type="button">
                <i class="fa fa-search">
                </i>
              </button>
            </span>
          </div>
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
    <div class="row gsx_course">
      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12"  pagination-id="courses" dir-paginate="item in ctrl.courses | itemsPerPage: 8" total-items="searchCount" current-page="this.page">
        <div class="thumbnails thumbnail-style new_listing overflow-hidden">
          <span class="new_course" translate ng-if="item.newflag">New</span>
          <div class="thumbnail-img">
            <div class="overflow-hidden text-center">
              <a  ui-sref="index.cfcourses.info({ cid: item._id ,cs:getCheckSum(item._id)})">
                <img ng-src="{{ item.photo ? ctrl.coursePhotoUrl  + item.photo : ctrl.defaultCoursePhoto }}" title="{{item.name}}"/>
              </a>
              <span ng-if="item.singlesection" class="badge badge-warning list_micro" >{{'Micro'|translate}}</span>
              <a href="" class="btn-more hover-effect">
                <span ng-if="item.privacy!='public'" class="btn-more prvt_btn" translate="">Private ...</span>
                <span ng-if="item.privacy=='public'" class="btn-more"> {{'More'|translate}} +</span>
              </a>
            </div>
          </div>
          <div class="thumbnail-text">
            <div class="caption overflow-hidden clst">
              <h3>
                <a class="hover-effect" ui-sref="index.cfcourses.info({ cid: item._id,cs:getCheckSum(item._id) })">
                  {{ item.name }}
                </a>
              </h3>
              <p>
                {{ item.description }}
              </p>
              <div class="list_rating">
                <ng-rate-it  ng-model="$ctrl.model.rating" class="custom" read-only="true"></ng-rate-it>
              </div>
              <ul class="course_info">
                <li>
                  <img src="../assets/images/eye_icon.png">
                  <span>
                    {{item.visitercounter}}
                  </span>
                </li>
                <li>
                  <img src="../assets/images/comment_icon.png">
                  <span>
                    {{$ctrl.model.commentcounter || 0}}
                  </span>
                </li>
                <li>
                  <i class="fa fa-users">
                  </i>
                  <span>
                    {{item.enrolledcounter}}
                  </span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row" ng-show="searchCount >8">
      <div class="col-md-12 forum">
        <div class="text-right pagination_aln">
          <dir-pagination-controls pagination-id="courses" 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>
  </div>
</div>