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

<div class="row headline_adjust" ng-if="ctrl.course.theme!='mobile'">
  <!-- <div ng-if="ctrl.course.theme != 'practice'"> -->
    <div class="col-md-12 margin-bottom-20" ng-if="ctrl.course.outline||ctrl.course.referenceinfo||ctrl.course.program||ctrl.course.plan">
      <div class="headline" id="info">
        <h4 translate="">
          Course Information
        </h4>
      </div>
      <div>
        <uib-tabset class="course_tab" ng-if="ctrl.showdocs">
          <uib-tab heading="{{ 'Announcements' | translate }}" ng-click="ctrl.hidepdfdoc()" ng-if="ctrl.Annoucements&&ctrl.Annoucements.length>0">
            <div class="announcement profile">
              <div class="panel-body white-bg">
                <div class="media media-v2" ng-repeat="item in ctrl.Annoucements">
                  <h4 class="media-heading" style="width: 100%;">
                    <strong>
                      <a class="cursor-pointer" ui-sref="index.announcements.detail({id:item._id})">
                        {{item.name}}
                      </a>
                    </strong>
                    <small>
                      {{item.created|date:shortDate}}
                    </small>
                  </h4>
                  <p>
                    {{item.description}}
                  </p>
                </div>
              </div>
            </div>
          </uib-tab>
          <uib-tab heading="{{ 'Course Plan' | translate }}" ng-click="ctrl.pdfviewerUrlsave(ctrl.course.plan)" ng-if="ctrl.course.plan">
          </uib-tab>
          <uib-tab heading="{{ 'Course Outline' | translate }}" ng-click="ctrl.pdfviewerUrlsave(ctrl.course.outline)" ng-if="ctrl.course.outline">
          </uib-tab>
          <uib-tab heading="{{ 'Course Program' | translate }}" ng-click="ctrl.pdfviewerUrlsave(ctrl.course.program)" ng-if="ctrl.course.program">
          </uib-tab>
          <uib-tab heading="{{ 'References' | translate }}" ng-click="ctrl.hidepdfdoc()" ng-if="ctrl.course.referenceinfo">
            <br/>
            <div ng-model="ctrl.course.referenceinfo" ta-bind="">
            </div>
          </uib-tab>
          <uib-tab heading="{{ 'Additional Plan' | translate }}" ng-click="ctrl.pdfviewerUrlsave(plan)" ng-if="ctrl.course.plans | notEmpty" ng-repeat="plan in ctrl.course.plans track by $index">
          </uib-tab>
          <!-- <uib-tab heading="{{ 'Exam' | translate }}" ng-click="ctrl.hidepdfdoc()">
            </uib-tab> -->
        </uib-tabset>
        <div class="course_pdf" ng-if="ctrl.showpdf" ng-include="'components/pdfviewer/pdf-viewer.html'">
        </div>
        <div class="clearfix">
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
    <div class=" headline_adjust course_practice margin-bottom-20" ng-if="ctrl.course.theme!='mobile' && ctrl.Knowledges && ctrl.Knowledges.length!=0 && ctrl.course.knowledgeTest">
      <div class="col-md-12">
        <!-- ngIf: ctrl.relatedcourses.length>0 -->
        <div class="headline">
          <a ui-sref="index.courses.course.knowledges" class="btn btn-u btn-sm pull-right" style="margin-top: -7px;" translate="">
            View All
          </a>
          <h4 translate="">Knowledges</h4>
        </div>
        <!-- end ngIf: ctrl.relatedcourses.length>0 -->
        <div class="category_courselist category_list">
          <div class="col-md-2 col-sm-3 col-xs-4 padding-left-0 padding-right-8" ng-repeat="cat in ctrl.Knowledges | limitTo:6" ng-click="ctrl.gotoKnowledge(cat.key)">
            <div class="home_category knowledge_level" ng-class="{'knowledge-green':cat.result.correctRate>80,'knowledge-yellow':cat.result.correctRate>60&&cat.result.correctRate<=80,'knowledge-orange':cat.result.correctRate<=60 && cat.result.qs!=0,'knowledge-gray':cat.result.qs==0||!cat.result}">
              <div class="category_content">
                <h4>
                  <span class="knldg_crct ">
                    {{ (cat.result?cat.result.correctRate:0)|number:1 }}<span class="font-11">%</span>
                  </span>
                  {{ cat.key }}
                </h4>
                <div>
                  <span class="font-11 pull-right">{{ cat.result.qs || 0 }} / {{ ctrl.counters[cat.key] || 0 }} {{'Covered' | translate}}</span>
                  <div class="clearfix"></div>
                  <div class="progress progress-u progress-xs">
                    <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="{{ cat.result.qs / ctrl.counters[cat.key] * 100}}" class="progress-bar progress-bar-info" role="progressbar" style="width: {{ cat.result.qs / ctrl.counters[cat.key] * 100 }}%; float: left; height: 10px;">
                    </div>
                  </div>
                </div>
                <div class="cat_info">
                  <p><b>{{ {eng:'Skills',chn:'下级知识点数'} | trans }}: </b> {{ cat.items.length || 0 }}</p>
                  <p><b>{{ {eng:'Questions',chn:'问题数'} | trans }}: </b> {{ (ctrl.counters[cat.key])?ctrl.counters[cat.key]:0 }}</p>
                </div>
              </div>
            </div>
          </div>
          <div class="margin-bottom-30"></div>
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
    <div class="col-md-12" id="exam" ng-if="ctrl.showexam">
      <div class="headline">
        <div class="margin-bottom-20">
        </div>
        <h4 translate="">
          Exam
        </h4>
      </div>
      <ul class="right_icon alignment">
        <li>
          <b translate="">
            Layout
          </b>
          :
        </li>
        <li class="active" ng-click="ctrl.showTab1 = 'list'">
          <a href="">
            <i class="fa fa-list">
            </i>
          </a>
        </li>
        <li ng-class="{'active': ctrl.showTab1 == 'grid'}" ng-click="ctrl.showTab1 = 'grid'">
          <a>
            <i class="fa fa-th">
            </i>
          </a>
        </li>
      </ul>
      <div class="tag-box course_exam" ng-if="ctrl.showTab1 == 'list'" style="margin-bottom: 0">
        <table class="table table-bordered table-striped table-hover" st-pipe="ctrl.getexamitems" st-table="ctrl.displayedCollection" style="margin-bottom: 0;">
          <tr>
            <th st-sort="name" translate="">
              Name
            </th>
            <th st-sort="description" translate="">
              Description
            </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>
            <th>
              {{ {eng:'Action', chn:'行动'}| trans}}
            </th>
          </tr>
          <tr ng-if="exam.publish" ng-repeat="exam in ctrl.displayedCollection">
            <td width="20%">
              <a examid="{{exam._id}}" ng-if="exam.mycount < exam.retries || !exam.mycount ||  !exam.retries || exam.retries==0" redirect-to-exam="">
                <strong>
                  {{ exam.name }}
                </strong>
              </a>
              <a examid="{{exam._id}}" ng-if="exam.mycount >= exam.retries&&exam.retries!=0">
                <strong>
                  {{ exam.name }}
                </strong>
              </a>
            </td>
            <td>
              {{exam.description}}
            </td>
            <td width="13%">
              {{exam.knowledge}}
            </td>
            <td width="10%">
              <span ng-if="exam.timecontrol">
                {{exam.start | date:'mediumDate'}}
              </span>
            </td>
            <td width="10%">
              <span ng-if="exam.timecontrol">
                {{exam.stop | date:'mediumDate'}}
              </span>
            </td>
            <td width="10%">
              <span class="btn-u btn-u-blue btn-xs" ng-if="exam.mycount">
                {{'COMPLETED' | translate}}
              </span>
              <span class="btn-u btn-u-red btn-xs" ng-if="!exam.mycount" translate="">
                OUTSTANDING
              </span>
            </td>
            <td width="10%">
              <!-- <button style="border-radius: 5px !important;" target="_blank" class="btn-u btn-u-green btn-xs" redirect-to-exam examid="{{exam._id}}" ng-if="!exam.mycount||exam.mycount == 0">
                {{ {eng:'Take Exam', chn:'参加考试'}| trans}}
              </button> -->
              <button class="btn-u btn-u-green btn-xs" examid="{{exam._id}}" ng-class="{'disabled': (exam.mycount >= exam.retries&&exam.retries!=0)||exam.disable}" ng-disabled="{{ (exam.mycount >= exam.retries&&exam.retries!=0)||exam.disable }}" redirect-to-exam="" style="border-radius: 5px !important; min-width:80px;" target="_blank">
                {{'Take an exam' | translate}}
              </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 ng-if="ctrl.showTab1 == 'grid'" style="margin-bottom: 0">
        <table class="table table-bordered table-striped table-hover" st-pipe="ctrl.getexamitems" st-table="ctrl.displayedCollection" style="margin-bottom: 0;">
          <div class="row equal-height-columns home_live_course glossary padding-left-15 margin-bottom-30">
            <div class="col-md-2 col-sm-3 col-xs-6 padding-left-0" ng-repeat="exam in ctrl.displayedCollection">
              <div class="home_promobg">
                <!--<img class="img-responsive" ng-src="{{item.icon? ctrl.dictionPicUrl + item.icon :  ctrl.imgdefault}}" />-->
                <img class="img-responsive" ng-src="{{exam.photo? ctrl.examPhotoUrl + exam.photo :  ctrl.imgdefault}}"/>
                <div class="service-block no-margin-bottom content-sm equal-height-column rgba-blue" style="height:100px;">
                  <span class="btn-u btn-u-blue btn-xs" ng-if="exam.mycount">
                    {{'COMPLETED' | translate}}
                  </span>
                  <span class="btn-u btn-u-red btn-xs" ng-if="!exam.mycount" translate="">
                    OUTSTANDING
                  </span>
                  <h2 style="margin-top:15px;">
                    <strong>
                      {{ exam.name }}
                    </strong>
                  </h2>
                </div>
                <div class="white-bg">
                  <p class="font-12 pull-left">
                    {{exam.start | date:'mediumDate'}}
                  </p>
                  <button class="btn-u btn-xs pull-right" examid="{{exam._id}}" ng-class="{'disabled': exam.mycount >= exam.retries||exam.disable}" ng-disabled="{{ exam.mycount >= exam.retries||exam.disable }}" redirect-to-exam="" style="margin-top:15px;" target="_blank">
                    {{'Take an exam' | translate}}
                  </button>
                </div>
              </div>
            </div>
          </div>
          <div>
            <td colspan="8" style="text-align:right">
              <div st-items-by-page="12" st-pagination="">
              </div>
            </td>
          </div>
        </table>
      </div>
      <div class="margin-bottom-30"></div>
    </div>
    <div class="clearfix">
    </div>
    <div class="col-md-12" id="assignment" ng-if="!ctrl.hideAssignment">
      <div class="headline">
        <div class="margin-bottom-40">
        </div>
        <h4 translate="">
          Assignment
        </h4>
      </div>
      <div class="tag-box course_exam">
        <table class="table table-bordered table-striped table-hover" st-pipe="ctrl.getassignments" st-table="displayCollection" style="margin-bottom: 0;">
          <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>
          <tr>
            <td colspan="8" style="text-align:right">
              <div st-items-by-page="12" st-pagination="">
              </div>
            </td>
          </tr>
        </table>
      </div>
    </div>
  <!-- </div> -->
  <div class="row margin-bottom-20 headline_adjust course_practice" ng-if="ctrl.course.theme!='mobile' && practiceList && practiceList.length!=0">
    <!-- ngIf: displayedDictions | notEmpty -->
    <!-- ngIf: videoItems.length > 0 -->
    <div class="col-md-12">
      <div class="col-md-12">
        <!-- ngIf: ctrl.relatedcourses.length>0 -->
        <div class="headline">
          <h4 translate="">Practice</h4>
        </div>
        <!-- end ngIf: ctrl.relatedcourses.length>0 -->
        <ul class="right_icon alignment" style="top:-1px">
          <li>
            <b translate="">
              Layout
            </b>
            :
          </li>
          <li ng-class="{'active': ctrl.showTab2 == 'plist'}" ng-click="ctrl.showTab2 = 'plist'">
            <a href="">
              <i class="fa fa-list">
              </i>
            </a>
          </li>
          <li class="active" ng-class="{'active': ctrl.showTab2 == 'pgrid'}" ng-click="ctrl.showTab2 = 'pgrid'">
            <a>
              <i class="fa fa-th">
              </i>
            </a>
          </li>
          <li ui-sref="index.courses.course.practice">
            <a class="btn btn-u btn-sm" style="margin-top: -10px;" translate="">
              View All
            </a>
          </li>
        </ul>
        <div class="tag-box course_exam practice" ng-if="ctrl.showTab2 == 'plist'">
          <table class="table table-bordered table-striped table-hover ng-isolate-scope" style="margin-bottom: 0;">
            <tbody>
              <tr>
                <th translate="">Name</th>
                <th translate="">Description</th>
                <th translate="">Skills</th>
                <th translate="">Questions</th>
                <th translate="">Scores</th>
                <th translate="">Action</th>
              </tr>
              <tr ng-repeat="pra in practiceList">
                <td width="20%">
                  {{pra.name}}
                </td>
                <td width="20%">
                  <div class="clamped clamped-2">
                    {{pra.description}}
                  </div>
                  <!-- {{ctrl.Knowledges.length || 0}} -->
                </td>
                <td width="20%">
                  {{pra.knowledges.length}}
                  <!-- {{ctrl.Knowledges.length || 0}} -->
                </td>
                <td width="20%">
                  {{pra.question|number:0}}
                  <!-- {{ctrl.totalq || 0}} -->
                </td>
                <td width="20%">
                  {{pra.score|number:0}}
                  <!-- {{ctrl.totalscore || 0}} -->
                </td>
                <td width="10%">
                  <!-- <button class="btn-u btn-u-green btn-xs" ui-sref="index.courses.course.result.knowledgetest({pid:pra._id})" style="min-width: 80px; border-radius: 5px !important; cursor: pointer;"> -->
                  <button class="btn-u btn-u-green btn-xs" ui-sref="index.courses.course.knowledgetest({pid:pra._id})" style="min-width: 80px; border-radius: 5px !important; cursor: pointer;">
                    {{ {eng:'Take',chn:'开始练习 '} | trans }}
                  </button>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div ng-if="ctrl.showTab2 == 'pgrid'" style="margin-bottom: 0">
          <table class="table table-bordered table-striped table-hover" style="margin-bottom: 0;">
            <div class="row equal-height-columns home_live_course glossary padding-left-15">
              <div class="col-md-3 col-sm-4 col-xs-6 padding-left-0" ng-repeat="pra in practiceList|limitTo:4">
                <div class="home_promobg practice_list">
                  <img class="img-responsive" ng-if="!pra.photo" src="assets/images/practice.jpg"/>
                  <img class="img-responsive" ng-if="pra.photo" ng-src="{{ctrl.practicePicUrl + pra.photo}}"/>
                  <div class="service-block no-margin-bottom content-sm equal-height-column rgba-blue" style="height:100px;">
                    <h2 style="margin-top:15px;">
                      <strong>
                        {{pra.name}}
                      </strong>
                    </h2>
                  </div>
                  <div class="white-bg">
                    <p class="font-12">
                      <span>
                        <b translate="">
                          Skills
                        </b>
                        :
                      </span>
                      {{pra.knowledges.length}}
                      <br/>
                      <span>
                        <b>
                          {{ {eng:'Questions',chn:'题目数'} | trans }}
                        </b>
                        :
                      </span>
                      {{pra.question|number:0}}
                      <br/>
                      <span>
                        <b translate="">
                          Scores
                        </b>
                        :
                      </span>
                      {{pra.score|number:0}}
                      <br/>
                    </p>
                    <div class="margin-bottom-5"></div>
                    <button class="btn-u btn-sm pull-right" ui-sref="index.courses.course.knowledgetest({pid:pra._id})">
                      {{'Take' | translate}}
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>