unserver-unify

<div ng-controller="CourseUserResultCtrl as ctrl" class="myspace_cntnr"> <div class="col-md-12"> <div class="tag-box"> <div class="col-md-3 col-xs-12 md-margin-bottom-10 no-padding">  <ul class="sidebar_responsive my_space_sidebar" ng-class="{'sidebar_active':dropdown}"> <li ng-class="{'sidebar_responsive_active':dropdown}"> <button class="btn btn-primary" ng-click="ctrl.toggledrop()" type="button"> <span class="fa fa-bars"></span> </button> <ul class="list-group sidebar-nav-v1 col-sm-12 col-md-12 col-xs-12 padding-left-0 myspace_menu">  <li class="list-group-item active" ng-class="{active:showTab == 'dashboard'}" ng-show="!haveCERT"> <a class=" list active" ng-click="showTab = 'dashboard'"> {{'Dashboard'|translate}} </a> </li> <li class="list-group-item" ng-class="{active:showTab == 'overall'}" ng-show="!haveCERT"> <a class=" list active" ng-click="showTab = 'overall'"> {{'Transcript'|translate}} </a> </li> <li class="brdr_top list-group-item" ng-class="{active:showTab == 'task'}"> <a class=" list " ng-click="showTab = 'task'"> {{'Task'|translate}} </a> </li> <li class="brdr_top list-group-item" ng-class="{active:showTab == 'title'}" ng-show="!haveCERT"> <a class=" list active" ng-click="showTab = 'title'"> {{'Topics & Replies'|translate}} </a> </li> <li class="brdr_top list-group-item" ng-class="{active:showTab == 'certificate'}"> <a class=" list" ng-click="showTab = 'certificate'"> {{'Certificate'|translate}} </a> </li> <li class="brdr_top list-group-item"> <a class="list" ng-if="ctrl.isErrTestAvbl" ui-sref=".errorbank"> <span translate=""> Error Bank </span> </a> </li>  <li class="brdr_top list-group-item" ng-if="ctrl.isErrTestAvbl"> <a class=" list" examid="{{ctrl.lid}}" redirect-to-exam="" type="errortest"> <span translate=""> Error Retest </span> </a> </li> <li class="brdr_top list-group-item" ng-if="ctrl.isTargetTestAvbl"> <a class="list" examid="{{ctrl.lid}}" redirect-to-exam="" type="targettest"> <span translate=""> Target Test </span> </a> </li> <li class="brdr_top list-group-item" ng-class="{active:showTab == 'knowledgechart'}"> <a class="list" ng-click="ctrl.showKnowledge()" > {{'Knowledge'|translate}} </a> </li> </ul> </li> </ul> </div> <div class="col-md-9 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-heading overflow-h" style="margin-left: 15px; padding-left:0;"> <h2 class="panel-title heading-sm" style="color:#555;"> <b> {{ctrl.course.name}} </b> <button class="btn btn-info btn-sm pull-right" ng-click="ctrl.reCalResult()" ng-show="showTab == 'overall' || showTab == 'dashboard'"> <i class="fa fa-refresh"> </i> {{'Refresh'|translate}} </button> <span class="pull-right" ng-if="ctrl.history.progress.course_score" style="color:#03A9F4; margin-top: 5px; margin-right: 10px"> {{'Total'|translate}}: {{ctrl.history.progress.course_score|number:2}} </span> </h2> </div>  <div class="panel-body tab-content"> <div ng-class="{'profile-edit tab-pane fade':true, 'in active':showTab == 'dashboard'}"> <div class="myspace my_space"> <div class="row"> <div class="col-md-6 g-mb-30 g-mb-0--md" ng-if="currentSchool.courseFlag"> <div class="g-bg-white g-color-grey g-pa-25" style="border:solid 1px #72c02c;"> <header class="d-flex text-uppercase g-mb-40"> <i class="fa fa-file-text-o fa-5x align-self-center display-4 g-mr-20"> </i> <div class="g-line-height-1"> <h4 class="h5 g-font-size-24" translate=""> Content </h4> <div class="js-counter" data-comma-separated="true"> <a ui-sref="index.myspace.mycourses"> {{ctrl.course.contents.length}} </a> </div> </div> </header> <div class="d-flex justify-content-between text-uppercase g-mb-25"> <div class="g-line-height-1"> <h5 class="h6 g-font-weight-600" translate=""> Resources Visited </h5> <div class="js-counter g-font-size-16" data-comma-separated="true"> <span class="color-red"> {{ctrl.history.progress.chapters || 0}} </span> / <span class="color-green"> {{(ctrl.gradeSetting.totalResources || 0)|number:0}} </span> </div> </div> <div class="text-right g-line-height-1"> <h5 class="h6 g-font-weight-600" translate=""> MileStones </h5> <div class="js-counter g-font-size-16" data-comma-separated="true"> <span class="color-red"> {{(ctrl.history.progress.tasks || 0)|number:0}} </span> / <span class="color-green"> {{(ctrl.gradeSetting.totalMilestone || 0)|number:0}} </span> </div> </div> </div> <h6 class="g-mb-10"> {{'Progress' | translate}} <span class="pull-right"> {{ ctrl.progress || 0}}% </span> </h6> <div class="js-hr-progress-bar progress g-bg-black-opacity-0_1 rounded-0 g-mb-10" style="height: 15px;"> <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="89" class="js-hr-progress-bar-indicator progress-bar g-bg-green u-progress-bar--lg" role="progressbar" style="width:{{ctrl.progress || 0}}%;"> </div> </div> </div> </div> <div class="col-md-6"> <div class="g-bg-white g-color-grey g-pa-25" style="border:solid 1px #72c02c;"> <header class="d-flex text-uppercase g-mb-40"> <i class="fa fa-bell-o fa-5x align-self-center display-4 g-mr-20"> </i> <div class="g-line-height-1"> <h4 class="h5 g-font-size-24" translate=""> Activity </h4> <div class="js-counter" data-comma-separated="true"> </div> </div> </header> <div class="d-flex justify-content-between text-uppercase g-mb-25"> <div class="g-line-height-1"> <h5 class="h6 g-font-weight-600"> {{'Topics' | translate}} </h5> <div class="js-counter g-font-size-16" data-comma-separated="true"> <span class="color-red"> {{(ctrl.history.progress.topicpoints|| 0)|number:0}} </span> / <span class="color-green"> {{(ctrl.score.topicMax||10)|number:0}} </span> </div> </div> <div class="text-right g-line-height-1"> <h5 class="h6 g-font-weight-600" translate=""> Replies </h5> <div class="js-counter g-font-size-16" data-comma-separated="true"> <span class="color-red"> {{ctrl.history.progress.replypoints|number:0 || 0}} </span> / <span class="color-green"> {{(ctrl.score.replyMax||10)|number:0}} </span> </div> </div> </div> <h6 class="g-mb-10"> {{'Duration' | translate}} <span class="pull-right"> {{(ctrl.history.timesummary||0)|secondsToDateTime| date:'HH:mm:ss'}}{{'Hrs' | translate}} </span> </h6> <div class="js-hr-progress-bar progress g-bg-black-opacity-0_1 rounded-0 g-mb-10" style="height: 15px;"> <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="89" class="js-hr-progress-bar-indicator progress-bar g-bg-green u-progress-bar--lg" role="progressbar" style="width: 89%;"> </div> </div>  </div> </div> <div class="margin-bottom-30"></div> <div class="relative col-md-12"> <div class="col-md-12" style="padding-top: 40px;" ng-if="ctrl.assignments.length||ctrl.exams.length"> <div class="myspace_hed" > {{'Top Tasks' | translate}} </div> </div> <div class="clearfix"></div> <div class="row"> <div class="col-lg-6 g-mb-40 g-mb-0--lg">  <div class="card border-0">  <div class="card-header d-flex align-items-center justify-content-between g-bg-gray-light-v5 border-0 g-mb-15"> <h3 class="h6 mb-0"> <i class="fa fa-tasks"> </i> {{'Assignments' | translate}} | {{assignmentitems.length || 0}} </h3> <span class="d-block g-color-primary--hover g-cursor-pointer g-mr-minus-5 g-pa-5"> <a ui-sref="index.myspace.assignments" uib-tooltip="{{'View All' | translate}}" tooltip-placement="top-right" class="fa fa-ellipsis-v g-color-black"></a> </span> </div>   <div class="js-scrollbar card-block u-info-v1-1 g-bg-white-gradient-v1--after g-height-400 g-pa-0 mCustomScrollbar _mCS_2 mCS-autoHide" style="overflow: visible;"> <div class="mCustomScrollBox mCS-minimal-dark mCSB_vertical mCSB_outside" style="max-height: none;" tabindex="0"> <div class="mCSB_container" dir="ltr" id="mCSB_2_container" style="position:relative; top:0; left:0;"> <ul class="list-unstyled"> <li class="media g-brd-around g-brd-gray-light-v4 g-brd-left-3 g-brd-blue-left rounded g-pa-20 g-mb-10" ng-repeat="exam in assignmentitems | filter : { donecount : q}"> <div class="media-body"> <div class="d-flex justify-content-between"> <h5 class="h6 g-font-weight-600 g-color-black"> <a ui-sref="index.myspace.assignments.detail({ aid: exam._id })"> {{ exam.title }} </a> </h5> <span class="small text-nowrap g-color-blue" ng-if="exam.stop"> <b>{{'Due Date' | translate}}: </b> {{ exam.stop | date: 'yyyy-MM-dd' }} </span> <span class="small text-nowrap color-grey pull-right" style="font-size: 12px" ng-if="!exam.stop"> <b>{{'Due Date' | translate}}: </b> {{ {eng:'Not specified',chn:'未指明日期'} | trans }} </span> </div> <p class="clamped clamped-3" ng-bind-html="ass.content"> </p> </div> </li> </ul> </div> </div> </div>  </div>  </div> <div class="col-lg-6">  <div class="card border-0"> <div class="card-header d-flex align-items-center justify-content-between g-bg-gray-light-v5 border-0 g-mb-15"> <h3 class="h6 mb-0"> <i class="fa fa-pencil-square-o"> </i> {{'Exam' | translate}} | {{ examitems.length|| 0}} </h3> <span class="d-block g-color-primary--hover g-cursor-pointer g-mr-minus-5 g-pa-5"> <a ui-sref="index.myspace.exams" uib-tooltip="{{'View All' | translate}}" tooltip-placement="top-right" class="fa fa-ellipsis-v g-color-black"></a> </span> </div> </div> <div class="js-scrollbar card-block u-info-v1-1 g-bg-white-gradient-v1--after g-height-400 g-pa-0 mCustomScrollbar _mCS_3 mCS-autoHide" style="overflow: visible;"> <div class="mCustomScrollBox mCS-minimal-dark mCSB_vertical mCSB_outside" style="max-height: none;" tabindex="0"> <div class="mCSB_container" dir="ltr" id="mCSB_3_container" style="position:relative; top:0; left:0;"> <ul class="list-unstyled"> <li class="d-flex justify-content-start g-brd-around g-brd-gray-light-v4 g-pa-20 g-mb-10" ng-repeat="exam in examitems"> <div class="g-mt-2" style="width: 100%"> <div class="align-self-center g-px-10"> <h5 class="h6 g-font-weight-600 g-color-black"> <span class="g-mr-5"> <a examid="{{exam._id}}" ng-if="exam.publish" redirect-to-exam=""> {{ exam.name }} </a> </span> <span class="small text-nowrap g-color-blue pull-right" style="font-size: 12px;" ng-if="exam.stop"> <b>{{'End Date' | translate}}: </b> {{ exam.stop | date: 'yyyy-MM-dd' }} </span> <span class="small text-nowrap color-grey pull-right" ng-if="!exam.stop" style="font-size: 12px"> <b>{{'End Date' | translate}}: </b> {{ {eng:'Not specified',chn:'未指明日期'} | trans }} </span> </h5> <p class="clamped clamped-3"> {{exam.description}} </p> </div> </div> </li> </ul> </div> </div> </div>  </div> </div> </div> <div class="clearfix"></div> </div> </div> </div> </div> <div class="panel-body tab-content"> <div ng-class="{'profile-edit tab-pane fade':true, 'in active':showTab == 'overall'}"> <table class="table table-striped table-hover tbl_aln" style="border:solid 1px #ccc;"> <thead style="background: #7cbae5; color: #fff;"> <th style="width: 50%" translate=""> Name </th> <th style="width: 25%"> {{'Score'|translate}} (%) </th> <th style="width: 25%"> {{'Weightage'|translate}} (%) </th> </thead> <tbody> <tr> <td> Exam </td> <td> {{ctrl.history.progress.examscores || 0 |number:2 }} </td> <td> {{ctrl.gradeSetting.examMax || 0}} </td> </tr> <tr> <td> Assignment </td> <td> {{ctrl.history.progress.assginmentscores || 0 |number:2}} </td> <td> {{ctrl.gradeSetting.assignmentMax || 0}} </td> </tr> <tr> <td> Additional </td> <td> {{ctrl.history.progress.additional || 0 |number:2}} </td> <td> {{ctrl.additionTotalWeitage || 0}} </td> </tr> <tr> <td> Engagement </td> <td> {{(ctrl.history.progress.topicpoints || 0) + ctrl.history.progress.replypoints || 0 |number:2}} </td> <td> {{ctrl.gradeSetting.activityMax || 0}} </td> </tr> <tr> <td> Third-Party Packages </td> <td> {{ctrl.thirdPartyScore || 0 |number:2}} </td> <td> {{ctrl.gradeSetting.scormMax || 0}} </td> </tr> </tbody> <tfoot style="background:#ececec; font-weight:600;"> <tr> <td> {{ {eng:' Total',chn:'总数量'}| trans }} </td> <td> {{totalScore |number:2}} % </td> <td> {{ctrl.gradeSetting.studyMax || 0}} % </td> </tr> </tfoot> </table> <div class="margin-bottom-50"> </div>  <div class="margin-bottom-50" ng-if="ctrl.lmsResult| notEmpty"> <div class="headline"> <h4> {{'Third Party'|translate}} </h4> </div> <div class="row"> <div class="col-md-7"> <div class="row"> <div class="col-md-12"> <h5> <b> {{'Total'|translate}} </b> </h5> <p class="text_indent15"> {{ctrl.lmsResult.length}} </p> </div> </div> </div> <div class="col-md-5"> <h3 class="heading-xs record_progress"> <b> {{'Completed'|translate}}: {{(ctrl.history.progress.scormscores || 0)|number:0}} / {{(ctrl.gradeSetting.scormMax || 0)|number:0}} </b> <span class="pull-right"> <b> {{ctrl.scormresult || 0}} % </b> </span> </h3> <div class="progress progress-u progress-xs"> <div aria-valuemax="100" aria-valuemin="0" class="progress-bar progress-bar-blue" role="progressbar" style="width:{{ctrl.scormresult || 0}}%"> </div> </div> </div> </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> <div ng-class="{'profile-edit tab-pane fade':true, 'in active':showTab == 'task'}">  <div class="margin-bottom-50"> <div class="headline">  <h4 translate=""> {{'Exams'|translate}} </h4> </div> <div class="row" ng-if="!haveCERT"> <div class="col-md-7"> <div class="row"> <div class="col-md-6"> <h5> <b translate=""> {{'Exams'|translate}} </b> </h5> <p class="text_indent15"> {{ examitems.length|| 0}} </p> </div> <div class="col-md-6"> <h5> <b> {{'Scores'|translate}} </b> </h5> <p class="text_indent10"> {{(ctrl.history.progress.examscores || 0)|number:2}} </p> </div> </div> </div>  </div> <div class="table_title" ng-if="ctrl.showexam" translate=""> Published Exams </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 style="min-width: 2%" translate=""> Status </th> <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> </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: 15%"> {{exam.description}} </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>   <div class="margin-bottom-50"> <div class="headline"> <h4> {{'Assignment'|translate}} </h4> </div> <div class="row"> <div class="col-md-7"> <div class="row"> <div class="col-md-6"> <h5> <b> {{'Assignment'|translate}} </b> </h5> <p class="text_indent15"> {{assignmentitems.length || 0}} </p> </div> <div class="col-md-6"> <h5> <b> {{'Scores'|translate}} </b> </h5> <p class="text_indent10"> {{(ctrl.history.progress.assginmentscores || 0 ) | number:2}} </p> </div> </div> </div>  </div> <div class="table_title" translate=""> Published Assignment </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>  </div> <div ng-class="{'profile-edit tab-pane fade':true, 'in active':showTab == 'title'}"> <div class="margin-bottom-50"> <div class="headline"> <h4> {{'Topics'|translate}} </h4> </div> <div class="row"> <div class="col-md-7"> <div class="row"> <div class="col-md-6"> <h5> <b> {{'Topics'|translate}} </b> </h5> <p class="text_indent15"> {{ctrl.history.progress.topics || 0}} </p> </div> <div class="col-md-6"> <h5> <b> {{'Scores'|translate}} </b> </h5> <p class="text_indent10"> {{(ctrl.history.progress.topicpoints || 0 ) | number:2}} </p> </div> </div> </div> <div class="col-md-5"> <h3 class="heading-xs record_progress"> <b> {{'Completed'|translate}}: {{(ctrl.history.progress.topicpoints|| 0)|number:0}} / {{(ctrl.score.topicMax||10)|number:0}} </b> <span class="pull-right"> <b> {{ctrl.topicresult|| 0}}% </b> </span> </h3> <div class="progress progress-u progress-xs"> <div aria-valuemax="100" aria-valuemin="0" class="progress-bar progress-bar-u" role="progressbar" style="width:{{ctrl.topicresult || 0}}%"> </div> </div> </div> </div> </div>   <div class="margin-bottom-50"> <div class="headline"> <h4> {{'Replies'|translate}} </h4> </div> <div class="row"> <div class="col-md-7"> <div class="row"> <div class="col-md-6"> <h5> <b> {{'Replies'|translate}} </b> </h5> <p class="text_indent15"> {{ctrl.history.progress.replyes || 0}}