unserver-unify/src/app/comadmin/mbl-classselect-dlg.html

<div class="modal-header">
  <button type="button" class="close" ng-click="$dismiss()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  <h4 class="modal-title">{{ {eng:'Select Class', chn:'添加班级'} | trans }}</h4>
</div>

<div class="modal-body">
  <table st-table="items" st-pipe="ctrl.getClasses" class="table table-striped table-hover">
    <thead>
      <tr class="info" >
        <td><input  st-search="name" type="search" class="form-control" placeholder="{{'Name'|translate}}"></td>
        <td></td>
        <td colspan="5"></td>
      </tr>
      <tr>
        <th class = "sortable" style="width:60%" st-sort="name" st-sort-default="true" translate>Name</th>
        <th class = "sortable" style="width:30%" st-sort='year'>{{ {eng:'State Date',chn:'班级开始日期'} | trans}}</th>
        <th class = "sortable" style="width:10%" st-sort="len" translate>Action</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="item in items">
        <td class="project-status" style="vertical-align: middle;">
          {{item.name}}<br/>
          <span class="font-12">{{ item.len}} &nbsp;year(s)</span><br/>
          <span class="badge badge-sm badge-primary">{{ item.status }}</span>
        </td>
        <td style="vertical-align: middle;">{{item.year | date : 'yyyy-MM-dd'}} </td>
        <td> <button ng-click="select(item._id,item.name)" class="btn btn-primary btn-xs">
        <i class="fa fa-check"></i>{{ 'Select' | translate }}</button></td>
      </tr>
    </tbody>
    <tfoot>
    <tr>
      <td class="text-center" st-pagination="" st-items-by-page="7" st-template="components/content/tablePagination.html" colspan="8">
      </td>
    </tr>
    </tfoot>
  </table>

</div>