unserver-unify/src/app/mystudy/tests.html

<div ng-controller="MyTestsCtrl as ctrl">
  <div class="panel panel-body" style="padding-top: 0px;">
    <div class="msg_info">
      <div class="col-lg-6 col-xs-6 col-xs-6 col-xs-12">
        <h4>
          <i class="fa fa fa-pencil-square-o ">
          </i>
          {{ctrl.completed || 0}}
        </h4>
        <p>
          {{ 'Completed'|translate}}
        </p>
      </div>
      <div class="col-lg-6 col-xs-6 col-xs-12">
        <h4>
          <i class="fa fa fa-pencil-square-o ">
          </i>
          {{ testitems.length- ctrl.completed ||0 }}
        </h4>
        <p>
          {{'To do'|translate}}
        </p>
      </div>
    </div>
    <div class="msg_info">
      <div class="col-lg-12 col-xs-12">
        <h4>
          <i class="fa fa fa-pencil-square-o ">
          </i>
          {{ testitems.length||0 }}
        </h4>
        <p>
          {{ 'Total'|translate}}
        </p>
      </div>
    </div>
    <div class="clearfix">
    </div>
  </div>
  <div class="panel panel-body">
    <div class="table-responsive">
      <table class="table table-hover tbl_aln font_dec" st-safe-src="testitems"  st-table="mytestitems">
        <tr>
          <th></th>
          <th st-sort ="coursename" translate>
            Course
          </th>
          <th st-sort ="name" translate>
            Name
          </th>
          <th st-sort ="knowledge" translate>
            Exam Knowledge
          </th>
          <th st-sort ="start" translate>
            Start Time
          </th>
          <th st-sort ="stop" translate>
            End Time
          </th>
          <th st-sort ="resultid" translate>
            Status
          </th>
        </tr>
        <tr ng-repeat="exam in mytestitems">
          <td width="2%">
            <i class="fa fa-lock" ng-if="!exam.publish"></i>
            <i class="fa fa-unlock" ng-if="exam.publish" style="color:#81A6C6;"></i>
          </td>
          <td width="13%">
             {{exam.coursename}}
          </td>
          <td width="13%">
            <a redirect-to-exam examid="{{exam._id}}" type="test" ng-if="exam.publish">
              <strong>
                {{ exam.name }}
              </strong>
            </a>
            <strong ng-if="!exam.publish">
              {{ exam.name }}
            </strong>
          </td>
          <td width="10%">
            {{exam.knowledge}}
          </td>
          <td width="8%">
            {{exam.start | date:'mediumDate'}}
          </td>
          <td width="8%">
            {{exam.stop | date:'mediumDate'}}
          </td>
          <td width="3%">
            <button class="btn-u btn-u-blue btn-xs" ng-if="exam.resultid" translate>
              COMPLETED
            </button>
            <button class="btn-u btn-u-red btn-xs" ng-if="!exam.resultid" translate>
              OUTSTANDING
            </button>
          </td>
        </tr>
        <tr>
        <td class="text-center" st-pagination="" st-items-by-page="10" st-template="components/content/tablePagination.html" colspan="6">
        </td>
      </tr>
      </table>
    </div>
  </div>
</div>