unserver-unify/src/app/comadmin/mbl_records.html

<div ng-controller="CompanyJobRecordsCtrl as ctrl">
  <div class="table-responsive" style="overflow:inherit">
    <table class="table th-style table-hover margin-bottom-0 forum mblform_tbl" st-pipe="ctrl.getitems" st-table="displayedItems" style="overflow:auto;">
      <thead>
        <tr>
          <td class="tag-box tag-box-v1">
            <div style="position:relative; line-height: 32px;" class="col-xs-7 padding-left-0">
              <span title="Total Count" class="badge badge-info rounded-2x">{{total || 0}}</span>
            </div>
          </td>
          <td class="tag-box tag-box-v1" style="width: 30%">
            <a class="btn btn-info btn-sm pull-right" style="width: 60%; color: #fff;" ng-click="ctrl.groupEvaluate()" ng-if="ctrl.classId">
              <i class="fa fa-stack-overflow">
              </i>
              {{ 'Group Evaluate' | translate }}
            </a>
          </td>
        </tr>
        <tr>
          <td class="tag-box tag-box-v1" colspan="2">
            <input class="form-control" ng-model="ctrl.student.fullname" placeholder="{{ 'Full Name' | translate }}" required="" st-search="fullname" type="text"/>
          </td>
        </tr>
        <tr ng-if="ctrl.classes|notEmpty">
          <td class="tag-box tag-box-v1" colspan="2">
            <select class="form-control" ng-model="ctrl.classId" ng-options="_class.name for _class in ctrl.classes track by _class._id" st-search="classId">
              <option value="" translate>
                All
              </option>
            </select>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="item in displayedItems">
          <td style="width: 10%">
            <img class="img-circle img-responsive" ng-src="{{ item.avatar_url? item.avatar_url:'assets/images/default-person-icon.png' }}" style="width:30px; height:30px;"/>
          </td>
          <td style="width: 90%">
            <a ng-click="ctrl.evaluate(item.userId)" style="width: 60%;">
              {{ item.user.fullname }}
            </a>
            <div class="rpls">
              <i class="fa fa-calendar">&nbsp;</i>{{ item.time | date: 'yyyy-MM-dd' }}&nbsp;&nbsp;
            </div>
            <div class="margin-bottom-5"></div>
            <div class="pull-left">
              <i ng-if="(item.status && item.status!='cancel') && item.status=='offer'" translate="">
                Selected
              </i>
              <i ng-if="(item.status && item.status!='cancel') && item.status=='shortlist'" translate="">
                Shortlisted
              </i>
              <i ng-if="(item.status && item.status!='cancel') && item.status=='reject'" translate="">
                Rejected
              </i>
            </div>
            <div class="font-12 color-blue text-left">
              <b ng-if="item.r1Scores || item.r2Scores || item.r3Scores">{{'Scores' | translate}}:</b>
              <span ng-if="item.r1Scores">{{item.r1Scores|number:2}} R1</span>
              <span ng-if="item.r2Scores">{{item.r2Scores|number:2}} R2</span>
              <span ng-if="item.r3Scores">{{item.r3Scores|number:2}} R3</span>
            </div>
            <div class="clearfix"></div>
            <span style="float:left; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">{{ item.rschool }}</span>
            <div class="clearfix"></div>
            <div class="row">
              <div class="col-xs-6">
                <uib-progressbar class="progress" max="100" min="0" ng-if="item.rate" style="height: 15px; margin:0" type="{{item.rate >= 75 ? 'primary':(item.rate >= 50 ? 'warning':'danger')}}" value="item.rate">
                </uib-progressbar>
              </div>
              <div class="col-xs-6">
                <b class="progress_info font-12" ng-if="item.rate">
                  {{item.rate | number:1}}%
                </b>
              </div>
            </div>
          </td>
        </tr>
        <tr>
          <td colspan="2" style="text-align:right">
            <div st-items-by-page="12" st-pagination="">
            </div>
          </td>
        </tr>
      </tbody>
    </table>
    <div class="margin-bottom-30"></div>
  </div>
</div>