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

<div class="col-md-12" ng-controller="VMeetingsController as ctrl">
  <div class="form" style="line-height: 37px">
    {{ 'Total Count' |translate}}
    <span class="badge badge-primary rounded-2x">
      {{ total || 0 }}
    </span>
  </div>
  <div class="margin-bottom-5">
  </div>
  <div class="no_record" ng-if="displayedItems.length <= 0">
    No Meetings created right now
  </div>
  <div class="row equal-height-columns home_live_course padding-left-15">
    <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 padding-left-0" ng-repeat="item in displayedItems">
      <div class="thumbnails thumbnail-style thumbnail-kenburn new_listing video_listing relative">
        <span class="new_course" ng-if="item.now" translate="">
          Live
        </span>
        <span class="new_course" ng-if="item.minutes || item.hours" translate="">
          Upcoming
        </span>
        <div class="thumbnail-img">
          <div class="overflow-hidden">
            <a>
              <!--  <img alt="Administrator Guide" class="img-responsive" ng-src="//edusharesg.oss-ap-southeast-1.aliyuncs.com/lcourse/567b7716a6f520ef4f961398/1465308598182.jpg" src="//edusharesg.oss-ap-southeast-1.aliyuncs.com/lcourse/567b7716a6f520ef4f961398/1465308598182.jpg" style="height:100px" title="Administrator Guide">
                            
                          </img> -->
              <img ng-if="item.type=='discuss'" src="assets/images/livechat.jpg"/>
              <img ng-if="item.type=='audioppt'" src="/assets/images/img7.jpg"/>
              <img ng-if="item.type=='videoppt' && item.course" src="{{ctrl.COURSE_IMAGE_BASE_URL+'/'+item.course._id +'/'+item.course.photo}}"/>
              <img ng-if="item.type=='videocnfrnc'" src="/assets/images/minuteschat.jpg"/>
            </a>
          </div>
        </div>
        <ul class="list-inline text-left course_btm" ng-style="coursebtmStyle" style="background-color: rgb(128, 128, 255);">
          <li class="padding-left-0">
            <span>
              {{item.name}}
            </span>
          </li>
        </ul>
        <div class="caption overflow-hidden clst">
          <h3 style="height:52px; overflow: hidden; margin: 0;">
            <a ng-if="item.course" class="hover-effect">
              {{item.course.name}}
            </a>
            <span ng-if="!item.course" class="hover-effect">
              Non-Course based meeting
            </span>
          </h3>
          <div class="clearfix">
          </div>
          <p>
            <strong>
              {{item.createUser.fullname}} 
            </strong>
          </p>
          <b ng-if="item.broadcast" translate="">
            Live Class
          </b>
          <b ng-if="!item.broadcast">
            {{ctrl.TypeName[item.type]|translate}}
          </b>
          <div class="clearfix"></div>
          <p class="pull-left" style="font-size:12px; margin-top: 3px;">
            {{item.start|date:'MMM d, y h:mm a'}}
          </p>
        </div>
      </div>
    </div>
     <div class="row" ng-if="ctrl.totalCount > ctrl.pagesize">
        <div class="col-md-12 forum">
          <div class="text-right pagination_aln">
            <dir-pagination-controls boundary-links="true" on-page-change="q='';ctrl.pageChanged(newPageNumber)" pagination-id="news" template-url="components/content/dirPagination.tpl.html">
            </dir-pagination-controls>
          </div>
        </div>
      </div>
  </div>
</div>
<div class="margin-bottom-20">
</div>