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

<div class="news_page" ng-controller="AudioPlaybackListCtrl as ctrl">
  <div class="col-md-3">
    <div class="profile video">
      <div class="panel-heading overflow-h box-shadow shadow-effect-1">
        <h2 class="panel-title heading-sm pull-left ng-binding">
          <i class="fa fa-clock-o"></i> {{'Recent Class' | translate}}
        </h2>
      </div>
      <div class="margin-bottom-20 box-shadow shadow-effect-1" style="padding:10px 0 10px 10px;">
        <div class="sky-form">
          <label class="radio">
            <input  ng-model="ctrl.mode" ng-change="ctrl.changeMode()" value="all" name="duration" type="radio" />
            <i></i>
            <span translate="">
              All
            </span>
          </label>
          <label class="radio">
            <input name="duration" ng-change="ctrl.changeMode()" ng-model="ctrl.mode" value="week" type="radio" />
            <i>
            </i>
            <span translate="">
              This week
            </span>
          </label>
          <label class="radio">
            <input name="duration" ng-change="ctrl.changeMode()" ng-model="ctrl.mode" value="lastweek" type="radio" />
            <i>
            </i>
            <span translate="">
              Last week
            </span>
          </label>
          <label class="radio">
            <input name="duration" ng-change="ctrl.changeMode()" ng-model="ctrl.mode" value="month" type="radio" />
            <i>
            </i>
            <span translate="">
              This Month
            </span>
          </label>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
  <div class="col-md-9">
    <div class="forum">
      <div class="srch_total">
        <div class="form-inline pull-left ipad_count_aln">
          {{"Total"| translate}}:
          <span class="badge badge-green rounded-2x">
            {{totalCount}}
          </span>
        </div>
      </div>
      <div class="clearfix">
      </div>
      <div class="no_record" ng-if="totalCount==0" translate="">
        No Record
      </div>
      <div class="row">
        <div class="{{ setting.rowClass || 'col-lg-4 col-md-4 col-sm-4 col-xs-12' }}" current-page="ctrl.page" dir-paginate="item in ctrl.items | filter: q | itemsPerPage: ctrl.pagesize" pagination-id="news" total-items="ctrl.totalCount">
          <div class="thumbnails thumbnail-style thumbnail-kenburn new_listing news_list_new overflow-hidden relative">
            <div class="thumbnail-img">
              <div class="overflow-hidden text-center">
                <a title="{{ item.name }}" ui-sref="index.audioplayback.detail({ id : item._id })">
                  <i class="fa fa-play play_but"></i>
                  <img src="{{ (item.photo)?ctrl.contentModelPicUrl+item.photo:'/assets/images/vprest.jpg' }}" style="height:165px;" title="{{item.name}}"/>
                </a>
              </div>
            </div>
            <div class="clearfix"></div>
            <div class="caption overflow-hidden clst" style="height: 60px;">
              <h3>
                <a class="hover-effect" ui-sref="index.audioplayback.detail({ id: item._id })">
                  {{ item.name }}
                </a>
              </h3>
              <p>
                {{ item.description }}
              </p>
            </div>
            <ul class="list-inline text-left course_btm" ng-style="newsbtmStyle">
              <li class="padding-left-0">
                <span>
                  {{item.createrfullname}}
                </span>
              </li>
              <li class="pull-right">
                <i class="fa fa-clock-o">
                </i>
                <span>
                  {{ item.start | date :'yyyy-MM-dd' }}
                </span>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="clearfix">
      </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="ctrl.pageChanged(newPageNumber)" pagination-id="news" template-url="components/content/dirPagination.tpl.html">
            </dir-pagination-controls>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>