unserver-unify/src/app/directive/coursetablelist.directive.html

<div class="block-description" st-safe-src="src" st-table="displayedCollection" style="padding-bottom: 0 !important; background: #eaeaea;">
  <div class="container content">
    <div class="col-lg-12">
      <div class="row">
        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 padding-left-0" ng-repeat="item in displayedCollection">
          <div class="thumbnails thumbnail-style thumbnail-kenburn new_listing relative" style="cursor:pointer" ui-sref="{{item.courseurl }}({ cid: item._id ,cs:getCheckSum(item._id) })">
            <div class="thumbnail-img">
              <div class="overflow-hidden">
                <a>
                  <img ng-if="item.photo" alt="{{ lcourse.name }}" class="img-responsive" ng-src="//edusharesg.oss-ap-southeast-1.aliyuncs.com/lcourse/{{item._id}}/{{item.photo}}" style="height:200px"/>
                  <img ng-if="!item.photo" alt="{{ lcourse.name }}" class="img-responsive" src="assets/images/course.png" style="height:200px"/>
                </a>
                <a class="btn-more" ng-if="lcourse.singlesection" translate="">
                </a>
              </div>
            </div>
            <div class="margin-bottom-10"></div>
            <div class="caption overflow-hidden clst">
              <h3>
                <a class="hover-effect">
                  {{item.name}}
                </a>
              </h3>
              <p>
                {{item.description}}
              </p>
            </div>
            <ul class="list-inline text-left course_btm" ng-style="coursebtmStyle">
              <li class="padding-left-0">
                <span  >
                  {{item.creatorfullname}}
                </span>
              </li>
              <li class="pull-right">
                <i class="fa fa-user">
                </i>
                <span>
                  {{item.enrolledcounter}}
                </span>
                <i class="fa fa-eye">
                </i>
                <span>
                  {{item.visitercounter}}
                </span>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="pull-right">
      <td class="text-center" colspan="5">
        <div st-displayed-pages="" st-items-by-page="30" st-pagination="">
        </div>
      </td>
    </div>
  </div>
</div>