unserver-unify/src/app/mystudy/assignment/assignments.html

<div ng-controller="MyAssignmentsCtrl 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-tasks">
          </i>
          {{ctrl.completed}}
        </h4>
        <p>
          {{ 'Completed'|translate}}
        </p>
      </div>
      <div class="col-lg-6 col-xs-6 col-xs-12">
        <h4>
          <i class="fa fa-tasks">
          </i>
          {{ ctrl.uncomplete || 0 }}
        </h4>
        <p>
          {{'Outstanding'|translate}}
        </p>
      </div>
    </div>
    <div class="msg_info hidden-xs">
      <div class="col-lg-12 col-xs-12">
        <h4>
          <i class="fa fa-tasks">
          </i>
          {{assignmentitems.length}}
        </h4>
        <p>
          {{ 'Total'|translate}}
        </p>
      </div>
    </div>
    <div class="clearfix">
    </div>
  </div>
  <div class="panel panel-body">
    <div class="table-responsive" style="overflow:inherit">
      <table class="table table-hover tbl_aln font_dec" st-safe-src="assignmentitems"  st-table="myassignmentitems">
        <tr>
          <th></th>
          <th st-sort ="coursename" translate>
            Course
          </th>
          <th st-sort ="title" translate="myspace.exam.assign.name">
            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 ="commentscounter" translate>
            Status
          </th>
        </tr>
        <tr ng-if="assignmentitems.length == 0">
          <td colspan="7">
            <div class="no_record" translate="">
              No Records
            </div>
          </td>
        </tr>
        <tr ng-repeat="exam in myassignmentitems | filter : { donecount : q}">
          <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 ng-if="exam.publish" ui-sref="index.myspace.assignments.detail({ aid: exam._id })">
              <strong>
                {{ exam.title }}
              </strong>
            </a>
            <strong ng-if="!exam.publish">
              {{ exam.title }}
            </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%">
            <span class="btn-u btn-u-red btn-xs" ng-if="!exam.donecounter&&!exam.commentscounter" translate="">
              OUTSTANDING
            </span>
            <span class="btn-u btn-u-orange btn-xs" ng-if="exam.donecounter && !exam.commentscounter ">
              {{'REVIEWING' | translate}}
            </span>
            <span class="btn-u btn-u-blue btn-xs" ng-if="exam.commentscounter">
              {{ {eng:'COMPLETED', chn:'已批阅'}| trans}}
            </span>
            <!-- <a ng-if="exam.public" ui-sref=".classrecords({aid:exam._id})">View</a> -->
          </td>
        </tr>
        <tr>
        <td class="text-right" st-pagination="" st-items-by-page="10" st-template="components/content/tablePagination.html" colspan="7">
        </td>
      </tr>
      </table>
    </div>
  </div>
</div>