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

<div ng-controller="MyAssignmentsCtrl as ctrl">
  <div class="panel panel-body">
    <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>
          {{'To do'|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 ng-if="assignmentitems.length == 0">
          <td>
            <div class="no_record">
              No Records
            </div>
          </td>
        </tr>
        <tr ng-repeat="exam in myassignmentitems | filter : { donecount : q}">
          <td>
            <div class="rpls">
              <span class="btn-u btn-u-red btn-xs" ng-if="!exam.donecounter&&!exam.commentscounter">
                {{ {eng:'To do', chn:'未完成'}| trans}}
              </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-green btn-xs" ng-if="exam.commentscounter">
                {{ {eng:'Completed', chn:'已批阅'}| trans}}
              </span>
            </div>
            <div class="clearfix"></div>
            <i class="fa fa-lock" ng-if="!exam.publish">&nbsp;</i>
            <i class="fa fa-unlock" ng-if="exam.publish" style="color:#81A6C6;">&nbsp;</i>
            <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>
            <div class="clearfix"></div>
            <div ng-if="exam.start || exam.stop">
              <b>Date:&nbsp;</b>{{exam.start | date:'mediumDate'}} - {{exam.stop | date:'mediumDate'}}
            </div>
            <div class="clearfix"></div>
            <b>Course:&nbsp;</b>{{exam.coursename}}
            <div class="clearfix"></div>
            <b>Knowledge:&nbsp;</b>{{exam.knowledge}}
          </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>