unserver-unify/src/app/course/exams.html

<div ng-controller="CourseExamCtrl as ctrl">
  <div class="padding-top-20">
    <div class="tag-box tag-box-v1 margin-bottom-0" ng-if="ctrl.showexam">
      <span style="text-align:left;" translate="">
        Total Exam
      </span>
      <span class="badge badge-green rounded-2x">
        {{ ctrl.total}}
      </span>
    </div>
    <div class="table-responsive margin-bottom-20" ng-if="ctrl.showexam">
      <table class="table table-bordered table-striped table-hover" st-pipe="ctrl.getexamitems" st-table="examitems">
        <tr>
          <th translate="">
          </th>
          <th translate="">
            Type
          </th>
          <th translate="">
            Name
          </th>
          <th translate="">
            Description
          </th>
          <th translate="">
            Exam Knowledge
          </th>
          <th translate="">
            Start Time
          </th>
          <th translate="">
            End Time
          </th>
          <th translate="">
            Status
          </th>
          <th translate="">
            Action
          </th>
        </tr>
        <tr ng-repeat="exam in examitems">
          <td class="text_indent10" 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="10%">
            <span style="min-width:100px; text-align:center" translate="">
              Exam
            </span>
          </td>
          <td width="20%">
            <a examid="{{exam._id}}" ng-if="exam.publish" redirect-to-exam="">
              {{ exam.name }}
            </a>
            <span ng-if="!exam.publish">
              {{ exam.name }}
            </span>
          </td>
          <td>
            {{exam.description}}
          </td>
          <td width="13%">
            {{exam.knowledge}}
          </td>
          <td width="10%">
            {{exam.start | date:'mediumDate'}}
          </td>
          <td width="10%">
            {{exam.stop | date:'mediumDate'}}
          </td>
          <td width="10%">
            <button class="btn-u btn-u-blue btn-xs" ng-if="exam.mycount">
              {{'COMPLETED' | translate}}
            </button>
            <button class="btn-u btn-u-red btn-xs" ng-if="!exam.mycount||exam.mycount == 0">
              {{'OUTSTANDING' | translate}}
            </button>
          </td>
          <td>            
            <button class="btn-u btn-u-green btn-sm" examid="{{exam._id}}" ng-if="!exam.disable&&(!exam.mycount||exam.mycount == 0)" redirect-to-exam="">
              {{'Take an exam' | translate}}
            </button>
          </td>
        </tr>
        <tr>
          <td colspan="10" style="text-align:right">
            <div st-items-by-page="10" st-pagination="">
            </div>
          </td>
        </tr>
      </table>
    </div>
    <div class="tag-box tag-box-v1 margin-bottom-0" ng-if="assignmentitems.length">
      <span style="text-align:left;" translate="">
        Total Assignments
      </span>
      <span class="badge badge-green rounded-2x">
        {{assignmentitems.length||0}}
      </span>
    </div>
    <div class="table-responsive margin-bottom-20" ng-if="assignmentitems.length">
      <table class="table table-bordered table-striped table-hover">
        <tr>
          <th translate="">
          </th>
          <th translate="">
            Type
          </th>
          <th translate="">
            Name
          </th>
          <th translate="">
            Description
          </th>
          <th translate="">
            Exam Knowledge
          </th>
          <th translate="">
            Start Time
          </th>
          <th translate="">
            End Time
          </th>
          <th translate="">
            Status
          </th>
          <th translate="">
            Action
          </th>
        </tr>
        <tr ng-repeat="exam in assignmentitems">
          <td class="text_indent10">
            <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>
            <span style="min-width:100px; text-align:center" translate="">
              Assignment
            </span>
          </td>
          <td>
            <a ng-if="exam.publish" ui-sref="index.myspace.assignments.detail({ aid: exam._id })">
              {{ exam.title }}
            </a>
            <span ng-if="!exam.publish">
              {{ exam.title }}
            </span>
          </td>
          <td>
            {{exam.description}}
          </td>
          <td>
            {{exam.knowledge}}
          </td>
          <td>
            {{exam.start | date:'mediumDate'}}
          </td>
          <td>
            {{exam.stop | date:'mediumDate'}}
          </td>
          <td>
            <button class="btn-u btn-u-red btn-xs" ng-if="assignmentcounter[exam._id]&&assignmentcounter[exam._id].done == 0">
              {{'OUTSTANDING' | translate}}
            </button>
            <button class="btn-u btn-u-orange btn-xs" ng-if="assignmentcounter[exam._id]&&assignmentcounter[exam._id].done != 0 && assignmentcounter[exam._id].comment == 0">
              {{'REVIEWING' | translate}}
            </button>
            <button class="btn-u btn-u-blue btn-xs" ng-if="assignmentcounter[exam._id]&&assignmentcounter[exam._id].done != 0 && assignmentcounter[exam._id].comment != 0">
              {{ {eng:'COMPLETED', chn:'已批阅'}| trans}}
            </button>
          </td>
          <td>
            <button class="btn-u btn-u-green btn-sm" ng-if="assignmentcounter[exam._id]&&assignmentcounter[exam._id].done == 0" ui-sref="index.myspace.assignments.detail({ aid: exam._id })">
              {{ {eng:'Take', chn:'做作业'}| trans}}
            </button>
          </td>
        </tr>
      </table>
    </div>
    <div class="tag-box tag-box-v1 margin-bottom-0" ng-if="chapterexams.length">
      <span style="text-align:left;" translate="">
        Chapter Exam
      </span>
      <span class="badge badge-green rounded-2x">
        {{chapterexams.length||0}}
      </span>
    </div>
    <div class="table-responsive margin-bottom-20" ng-if="chapterexams.length">
      <table class="table table-bordered table-striped table-hover">
        <tr>
          <th translate="">
          </th>
          <th translate="">
            Type
          </th>
          <th translate="">
            Name
          </th>
          <th translate="">
            Date
          </th>
          <th translate="">
            Status
          </th>
          <th translate="">
            Action
          </th>
        </tr>
        <tr ng-repeat="exam in chapterexams">
          <td class="text_indent10">
            -
          </td>
          <td>
            <span style="min-width:100px; text-align:center" translate="">
              Chapter Exam
            </span>
          </td>
          <td>
            <a examid="{{exam._id}}" redirect-to-exam="" type="chapterexam">
              {{ exam.name }}
            </a>
          </td>
          <td>
            {{exam.update | date:'mediumDate'}}
          </td>
          <td>
            <button class="btn-u btn-u-blue btn-xs" ng-if="exam.mycount">
              {{'COMPLETED' | translate}}
            </button>
            <button class="btn-u btn-u-red btn-xs" ng-if="!exam.mycount" translate="">
              OUTSTANDING
            </button>
          </td>
          <td>
            <button class="btn-u btn-u-green btn-sm" examid="{{exam._id}}" ng-if="exam.mycount == 0" redirect-to-exam="" translate="">
              Take an exam
            </button>
          </td>
        </tr>
      </table>
    </div>
  </div>
</div>