unserver-unify
Version:
322 lines (315 loc) • 16.9 kB
HTML
<div ng-controller="ExamResultCtrl as ctrl" class="panel panel-body tst_asnt exam_result">
<div class="exam_title">
<h2 translate>
{{ctrl.title||'Exam Result'}}
</h2>
<div class="score_result">
{{ 'You Scored' | translate }}: {{ctrl.score}} / {{ctrl.totalscore}}
</div>
</div>
<div class="result_summary">
<b>
</b> {{ 'Quick Summary' | translate }}:
<b>
{{ 'Total Question' | translate }}:
</b>
{{ctrl.part.length || 0}} |
<b>
{{ 'Correct' | translate }}:
</b>
{{ctrl.correct}} |
<b>
{{ 'Wrong' | translate }}:
</b>
{{ctrl.wrong}} |
<b>
{{ 'Wrong' | translate }}:
</b>
{{ctrl.miss}}
</div>
<ul class="nav nav-justified nav-tabs">
<li ng-class="{'active':ctrl.activetab=='individual'}">
<a ng-click="ctrl.activetab='individual'">
{{ 'My Exam Result' | translate }}
</a>
</li>
<li ng-class="{'active':ctrl.activetab=='detailsByQuestion'}" ng-if="ctrl.reportFlag">
<a ng-click="ctrl.activetab='detailsByQuestion'">
{{ 'Detailed by Questions' | translate }}
</a>
</li>
</ul>
<div class="ibox-content altr_tabs">
<div class="tab-content">
<div ng-if="ctrl.activetab=='individual'" style="padding-top:25px;">
<!-- Question starts -->
<div ng-repeat="item in ctrl.part">
<div class="qstn">
<div class="qstn_typ" translate>
{{ctrl.typename[item.q.type]}}
</div>
<div class="notes_holder" ng-if="item.q.audio||item.q.file">
<div class="notes">
<a ng-if="item.q.audio && !ctrl.showAudio[$index]" title="Audio" href ng-click="ctrl.showAudio[$index] = true">
<i class="fa fa-volume-down">
</i>
</a>
<a ng-if="item.q.audio && ctrl.showAudio[$index]" title="Audio" href ng-click="ctrl.showAudio[$index] = false">
<i class="fa fa-volume-up">
</i>
</a>
<div class="audio_hldr" ng-if="item.q.audio && ctrl.showAudio[$index]">
<audio ng-src="{{item.q.audiourl}}" controls autoplay></audio>
<button class="fa fa-times btn" ng-click="ctrl.showAudio[$index] = false"></button>
</div>
<a ng-if="item.q.file" href="{{item.q.fileurl}}" download title="Attachment">
<i class="fa fa-paperclip">
</i>
</a>
</div>
</div>
<div class="qstn_pnt">
<div ng-class="{'missedpnt':!item.r.userAnswer,'correctpnt':item.r.flag,'wrongpnt':(item.r.userAnswer&&!item.r.flag)}">
({{item.r.score}} {{ 'Points' | translate}})
</div>
</div>
<div class="qstn_index">
Q{{$index+1}}.
</div>
<div ng-bind-html="item.q.content">
</div>
</div>
<div class="anwer_text">
{{ 'Answer' | translate}}:
<label ng-show="!item.r.userAnswer" class="missedQuestion" translate>
Not Attempted
</label>
<label ng-show="item.r.flag" class="correctQuestion" translate>
Correct
</label>
<label ng-show="item.r.userAnswer&&!item.r.flag" class="wrongQuestion" translate>
Wrong
</label>
</div>
<ul class="ansrs">
<li ng-class="{'missed_one': !item.r.userAnswer}" class="correct_select">
{{item.q.answer.join(", ")}}
<i class="fa fa-check" style="color:#72c02c;">
</i>
</li>
<li ng-if="!item.r.flag && item.r.userAnswer && item.r.userAnswer != item.q.answer" class="wrong_select">
{{item.r.userAnswer.join(",")}}
<i class="fa fa-times" style="color:#ed5565;">
</i>
</li>
<li ng-repeat="ref in item.q.references">
{{ref}}
</li>
</ul>
<div class="col-lg-12 no-padding tchr_cmnt_hldr" ng-if="item.q.comments&&item.q.comments.length>0&&(item.q.comments.length>1||(item.q.comments[0]&&item.q.comments[0].comment))">
<h4 >
{{ 'Teacher Comments' || translate }}
</h4>
<div class="clearfix">
</div>
<div ng-repeat="comment in item.q.comments" ng-if="comment.comment">
<div class="profile_round">
<img title="Teacher" style="max-width: 100%;" ng-src="{{ctrl.useravatarpath+comment.uid+'/'+comment.avatar}}"/>
</div>
<p class="tchr_cmnt">
{{comment.comment}}
</p>
</div>
</div>
<div class="clearfix">
</div>
<div class="lin">
</div>
<div class="clearfix margin-bottom-40">
</div>
</div>
</div>
<div ng-if="ctrl.activetab == 'detailsByQuestion'">
<div ng-if="ctrl.questionsRecords | isEmpty">
{{ 'No Records' | translate }}
</div>
<table st-table="ctrl.displayquestionsRecords" st-safe-src="ctrl.questionsRecords"
class="table table-striped table-hover tbl_aln" ng-if="ctrl.questionsRecords | notEmpty">
<thead>
<tr class="info">
<th>
{{'Content' | translate}}
</th>
<th class="sortable" st-sort="level">
{{'Level' | translate}}
</th>
<th class="sortable" st-sort='totalCorrectCnt'>
<i class="fa fa-check" style="color:green;">
</i>
</th>
<th class="sortable" st-sort='totalWrongCnt'>
<i class="fa fa-times" style="color:red;">
</i>
</th>
<th class="sortable" st-sort='totalMissCnt'>
<i class="fa fa-question" style="color:brown;">
</i>
</th>
<th translate>
Total Answer Count
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="qrecord in ctrl.displayquestionsRecords">
<td>
<div ng-bind-html="qrecord.content" class="qst_cntnr">
</div>
</td>
<td>
{{qrecord.level}}
</td>
<td class="text_indent25">
{{qrecord.totalCorrectCnt}}
</td>
<td class="text_indent25">
{{qrecord.totalWrongCnt}}
</td>
<td class="text_indent25">
{{qrecord.totalMissCnt}}
</td>
<td class="text_indent15">
{{qrecord.totalAnswerCnt}}
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="8" align="right" st-pagination="" st-items-by-page="10"
st-template="components/content/tablePagination.html">
</td>
</tr>
</tfoot>
</table>
<div class="exam_det_rep">
<b>Q1. 4/7 - 2/7 = ?</b>
<p style="color: #3498db">Total People Answered: 10</p>
<div class="clearfix margin-bottom-10"></div>
<b>Difficulty level</b>
<div class="level_arrow low"></div>
<div class="progress progress-stack progress-u progress-sm rounded-2x" style="margin-top:15px">
<div class="progress-bar progress-bar-u" role="progressbar" style="width:33%">
LOW
</div>
<div class="progress-bar progress-bar-orange" role="progressbar" style="width:34%">
MEDIUM
</div>
<div class="progress-bar progress-bar-red" role="progressbar" style="width:33%">
HIGH
</div>
</div>
<div class="clearfix margin-bottom-10"></div>
<b>Overall performance</b>
<div class="clearfix margin-bottom-5"></div>
<div class="progress progress-stack progress-u progress-sm rounded-2x" style="margin-top:15px">
<div class="progress-bar progress-bar-u" role="progressbar" style="width:16%">
</div>
<div class="progress-bar progress-bar-red" role="progressbar" style="width:50%">
</div>
<div class="progress-bar progress-bar-blue" role="progressbar" style="width:34%">
</div>
</div>
<div class="row exam_info">
<div class="col-md-2 padding-right-0">
<div class="progress progress-u progress-sm">
<div class="progress-bar progress-bar-u" role="progressbar" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
</div>
</div>
<h3 class="heading-xs">Correct 16%</h3>
</div>
<div class="col-md-2 padding-right-0">
<div class="progress progress-u progress-sm">
<div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
</div>
</div>
<h3 class="heading-xs">Wrong 50%</h3>
</div>
<div class="col-md-2 padding-right-0">
<div class="progress progress-u progress-sm">
<div class="progress-bar progress-bar-blue" role="progressbar" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
</div>
</div>
<h3 class="heading-xs">Not Attempted 34%</h3>
</div>
</div>
</div>
<div class="exam_det_rep">
<b>Q1. 4/7 - 2/7 = ?</b>
<p style="color: #3498db">Total People Answered: 10</p>
<div class="clearfix margin-bottom-10"></div>
<b>Difficulty level</b>
<div class="level_arrow low"></div>
<div class="progress progress-stack progress-u progress-sm rounded-2x" style="margin-top:15px">
<div class="progress-bar progress-bar-u" role="progressbar" style="width:33%">
LOW
</div>
<div class="progress-bar progress-bar-orange" role="progressbar" style="width:34%">
MEDIUM
</div>
<div class="progress-bar progress-bar-red" role="progressbar" style="width:33%">
HIGH
</div>
</div>
<div class="clearfix margin-bottom-10"></div>
<b>Overall performance</b>
<div class="clearfix margin-bottom-5"></div>
<div class="progress progress-stack progress-u progress-sm rounded-2x" style="margin-top:15px">
<div class="progress-bar progress-bar-u" role="progressbar" style="width:16%">
</div>
<div class="progress-bar progress-bar-red" role="progressbar" style="width:50%">
</div>
<div class="progress-bar progress-bar-blue" role="progressbar" style="width:34%">
</div>
</div>
<div class="row exam_info">
<div class="col-md-2 padding-right-0">
<div class="progress progress-u progress-sm">
<div class="progress-bar progress-bar-u" role="progressbar" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
</div>
</div>
<h3 class="heading-xs">Correct 16%</h3>
</div>
<div class="col-md-2 padding-right-0">
<div class="progress progress-u progress-sm">
<div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
</div>
</div>
<h3 class="heading-xs">Wrong 50%</h3>
</div>
<div class="col-md-2 padding-right-0">
<div class="progress progress-u progress-sm">
<div class="progress-bar progress-bar-blue" role="progressbar" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
</div>
</div>
<h3 class="heading-xs">Not Attempted 34%</h3>
</div>
</div>
</div>
<!--div class="progress">
<div class="progress-bar progress-bar-success correct progress-bar-striped" role="progressbar"
aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:{{qrecord.totalCorrectCnt*100/qrecord.totalAnswerCnt | number : 0}}%">
<span>
{{qrecord.totalCorrectCnt*100/qrecord.totalAnswerCnt | number : 0}}%
</span>
</div>
</div-->
</div>
</div>
</div>
</div>