unserver-unify/src/app/directive/course/gsxcard.component.html

<!--  <pre> {{ $ctrl.model|json}}</pre>  -->
<div class="thumbnails thumbnail-style new_listing overflow-hidden">
  <div class="thumbnail-img">
    <div class="overflow-hidden">
      <a ui-sref="{{$ctrl.uisref}}">
        <img alt="{{ lcourse.name }}" class="img-responsive" ng-src="{{$ctrl.imgUrl}}" title="{{ lcourse.name }}"/>
      </a>
      <a class="btn-more" ng-if="$ctrl.model.singlesection" translate="">
        Micro
      </a>
    </div>
  </div>
  <div class="thumbnail-text">
    <div class="caption overflow-hidden clst text-center">
      <h3>
        <a class="hover-effect" target="_blank" ui-sref="{{$ctrl.uisref}}">
          {{ $ctrl.model.name }}
        </a>
      </h3>
      <p>
        <span ng-if="$ctrl.type == 'Instructor'"> {{$ctrl.model.title }}</span>
        <span ng-if="$ctrl.type == 'Institute'">{{$ctrl.model.country || 'Singapore'}}</span>
        <span ng-if="$ctrl.type == 'Course'">{{$ctrl.model.creatorfullname}}</span>
      </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>
            {{$ctrl.model.visitercounter || 0}}
          </span>
        </li>
        <li>
          <img src="../assets/images/comment_icon.png">
          <span>
            {{$ctrl.model.commentcounter || 0}}
          </span>
        </li>
        <li>
          <i class="fa fa-user">
          </i>
          <span>
            {{$ctrl.model.usercounter || 0}}
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>