unserver-unify/src/app/course/docs.html

<div  ng-controller="CourseDocCtrl as ctrl">
  <div class="tag-box tag-box-v1 margin-bottom-0">
    <span style="text-align:left;">
      {{ 'Total Docs' | translate }}
    </span>
    <span class="badge badge-green rounded-2x">{{ docs.length }}</span>
    <button class="pull-right btn btn-info" ng-click="ctrl.bulkDownload()" title="{{ 'Bulk Download' | translate }}">
      <i class="fa fa-download">
      </i>
      {{ 'Bulk Download' | translate }}
    </button>
  </div>
  <div class="table-responsive margin-bottom-20">
    <table class="table table-bordered table-striped table-hover">
      <tr ng-if="docs.length> 0">
        <th style="width: 3%;">
          <input type="checkbox" ng-model="ctrl.selectALL" ng-change="ctrl.onCheckBoxSelected()" uib-tooltip="{{'Select All' | translate}}" />
        </th>
        <th style="width: 3%;" translate="">
          No
        </th>
        <th style="width: 20%;">
          {{ 'Description' | translate }}
        </th>
        <th style="width: 10%;">
          {{ 'Type' | translate }}
        </th>
        <th style="width: 10%;">
          {{ 'Creator' | translate }}
        </th>
        <th style="width: 10%;">
          {{ 'Created Time' | translate }}
        </th>
        <th style="width: 10%;">
          {{ 'Downloads' | translate }}
        </th>
        <th style="width: 10%;">
          {{ 'Action' | translate }}
        </th>
      </tr>
      <tr ng-repeat="doc in docs">
        <td>
          <input ng-if="doc.availableForDL" type="checkbox" ng-model="doc.checked" />
        </td>
        <td class="text_indent10">
          {{ $index+1 }}
        </td>
        <td>
          {{ doc.des }}
          <!-- play button for mp4 type doc only -->
          <button ng-if="doc.type=='mp4'" ng-click="ctrl.viewMp4(doc.file)" class="btn btn-info btn-xs">
            <i class='fa fa-play'>
            </i>
          </button>
        </td>
        <td>
          <i class="{{ ctrl.colorName[doc.type]||'icon-color-grey' }} fa {{ ctrl.iconName[doc.type] ||'fa-files-o' }}" style>
          </i>
          {{ ctrl.titleName[doc.type]||'Others' }}
        </td>
        <td>
          {{ doc.user }}
        </td>
        <td>
          {{ doc.created|date:mediumDate }}
        </td>
        <td class="text_indent20">
          {{ doc.counter||0 }}
        </td>
        <td  ng-if="doc.availableForDL">
          <a ng-click="onDownload($index)" href="{{ ctrl.contentModelPicUrl }}{{ doc.file }}" download>
            <i class='fa  fa-download'>
            </i>
            {{ 'Download' | translate }}
          </a>
        </td>
        <td  ng-if="!doc.availableForDL">
          <a  style="color:grey">
            <i class='fa  fa-download'>
            </i>
            {{ 'Download' | translate }}
          </a>
        </td>
      </tr>
    </table>
  </div>
</div>