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

<div ng-controller="CourseSummaryCtrl as ctrl" class="myspace_cntnr">
  <div class="col-md-12">
    <div class="tag-box">
      <div class="col-md-2 col-xs-12 md-margin-bottom-10">       
      </div>
      <div class="col-md-8 col-xs-12 no-padding myspace_right padding-right-0">
        <div style="border-left: 1px solid rgb(238, 238, 238); padding-top: 0;">
          <div class="panel profile">
            <div class="panel-body tab-content">
                <!-- Block Starts -->
                <div class="margin-bottom-50" ng-if="ctrl.lmsResult| notEmpty">
                  <div class="headline">
                    <h4>
                      {{'Third Party'|translate}}
                    </h4>
                  </div>
                  <div class="table-responsive margin-bottom-20">
                    <table class="table table-bordered table-striped table-hover">
                      <tr>
                        <th  translate="">
                          Status
                        </th>
                        <th translate="">
                          Name
                        </th>
                        <th translate="">
                          Time
                        </th>
                        <th translate="">
                          Score
                        </th>
                        <th translate="">
                          Max
                        </th>
                        <th translate="">
                          Scaled
                        </th>
                      </tr>
                      <tr ng-repeat="item in ctrl.lmsResult">
                        <td >
                          {{item.status}}
                        </td>
                        <td>
                          <strong>
                            {{ item.name }}
                          </strong>
                        </td>
                        <td>
                          {{item.time}}
                        </td>
                        <td>
                          {{item.raw || 0}}
                        </td>
                        <td>
                          {{item.max || 0}}
                        </td>
                        <td>
                          {{item.scaled | number :2 }}
                        </td>
                      </tr>
                    </table>
                  </div>
                </div>
              <div>
                <!-- Block Starts -->
                <div class="margin-bottom-50" ng-if="ctrl.showexam">
                  <div class="headline">                    
                    <h4 translate="">
                      {{'Exams'|translate}}
                    </h4>
                  </div>
                  <div class="table-responsive margin-bottom-20">
                    <table class="table table-bordered table-striped table-hover" st-pipe="ctrl.getexamitems" st-table="examitems">
                      <tr>
                        <th style="min-width: 2%" translate="">
                          Status
                        </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 translate="">
                          Status
                        </th>
                      </tr>
                      <tr ng-repeat="exam in examitems">
                        <td class="text_indent10" style="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 style="width: 10%">
                          <a examid="{{exam._id}}" ng-if="exam.publish" redirect-to-exam="">
                            <strong>
                              {{ exam.name }}
                            </strong>
                          </a>
                          <strong ng-if="!exam.publish">
                            {{ exam.name }}
                          </strong>
                        </td>
                        <td style="width: 10%">
                          {{exam.knowledge}}
                        </td>
                        <td style="width: 10%">
                          {{exam.start | date:'mediumDate'}}
                        </td>
                        <td style="width: 10%">
                          {{exam.stop | date:'mediumDate'}}
                        </td>
                        <td style="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" translate="">
                            OUTSTANDING
                          </button>
                        </td>
                      </tr>
                      <tr>
                        <td colspan="8" style="text-align:right">
                          <div st-items-by-page="10" st-pagination="">
                          </div>
                        </td>
                      </tr>
                    </table>
                  </div>
                </div>
                <!-- Block Ends -->
                <!-- Block Starts -->
                <div class="margin-bottom-50" ng-if="ctrl.showAssignment">
                  <div class="headline">
                    <h4>
                      {{'Assignment'|translate}}
                    </h4>
                  </div>
                  <table class="table table-bordered table-striped table-hover" st-pipe="ctrl.getassignments" st-table="assignmentitems">
                    <tr>
                      <th style="min-width: 2%" translate="">
                        Status
                      </th>
                      <th translate="myspace.exam.assign.name">
                        Name
                      </th>
                      <th translate="">
                        Exam Knowledge
                      </th>
                      <th translate="">
                        Start Time
                      </th>
                      <th translate="">
                        End Time
                      </th>
                      <th translate="">
                        Status
                      </th>
                    </tr>
                    <tr ng-repeat="exam in assignmentitems ">
                      <td class="text_indent10" style="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 style="width: 10%">
                        <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 style="width: 10%">
                        {{exam.knowledge}}
                      </td>
                      <td style="width: 10%">
                        {{exam.start | date:'mediumDate'}}
                      </td>
                      <td style="width: 10%">
                        {{exam.stop | date:'mediumDate'}}
                      </td>
                      <td style="width: 10%">
                        <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>
                      </td>
                    </tr>
                  </table>
                </div>
                <!-- Block Ends -->
                <div class="margin-bottom-50" ng-if="surveyItems&&surveyItems.length!=0">
                  <div class="headline">                    
                    <h4 translate="">
                      {{'Course Survey'|translate}}
                    </h4>
                  </div>
                  <div class="table-responsive margin-bottom-20">
                    <table class="table table-bordered table-striped table-hover">
                      <tr>
                        <th translate="">
                          Name
                        </th>                        
                        <th translate="">
                          Description
                        </th>
                        <th translate="">
                          Status
                        </th>
                      </tr>
                      <tr ng-repeat="survey in surveyItems">                        
                        <td>
                            {{ survey.name }}
                        </td>
                        <td>
                          {{exam.description}}
                        </td>
                        <td>
                          <button class="btn-u btn-u-blue btn-xs">
                            {{'COMPLETED' | translate}}
                          </button>
                        </td>
                      </tr>
                    </table>
                  </div>
                </div>
              </div>       
            </div>
            <!-- Panel Ends -->
          </div>
        </div>
      </div>
      <div class="col-md-2 col-xs-12">       
      </div>
      <div class="clearfix"></div>
    </div>
  </div>
</div>