unserver-unify
Version:
158 lines (153 loc) • 6.58 kB
HTML
<!--
<videogular ng-if="!chapter.subtitle" vg-cue-points="ctrl.mp4config.cuePoints" vg-player-ready="ctrl.onPlayerReady($API)" vg-theme="ctrl.mp4config.theme">
vg-cue-points="ctrl.mp4config.cuePoints"
-->
<style>
vg-scrub-bar-cue-points.chapters .cue-point {
background-color: gold ;
}
</style>
<videogular ng-class="{'video_small': flag}" ng-if="!chapter.subtitle" vg-cue-points="ctrl.mp4config.cuePoints" vg-player-ready="ctrl.onPlayerReady($API)" vg-theme="ctrl.mp4config.theme" vg-auto-play="true">
<vg-media vg-src="ctrl.mp4config.sources">
</vg-media>
<vg-controls vg-autohide="true" vg-autohide-time="1000">
<vg-play-pause-button>
</vg-play-pause-button>
<vg-time-display>
{{ currentTime | date:'mm:ss' }}
</vg-time-display>
<vg-scrub-bar>
<vg-scrub-bar-current-time>
</vg-scrub-bar-current-time>
<vg-scrub-bar-cue-points class="chapters" vg-cue-points="ctrl.mp4config.cuePoints.quizSwitch">
</vg-scrub-bar-cue-points>
</vg-scrub-bar>
<vg-time-display>
{{ totalTime | date:'mm:ss' }}
</vg-time-display>
<vg-volume>
<vg-mute-button>
</vg-mute-button>
<vg-volume-bar>
</vg-volume-bar>
</vg-volume>
<vg-fullscreen-button>
</vg-fullscreen-button>
<vg-playback-button vg-speeds="['0.5', '1', '1.5', '2', '4']"></vg-playback-button>
</vg-controls>
<vg-buffering>
</vg-buffering>
<vg-overlay-play>
</vg-overlay-play>
</videogular>
<!-- html for video play with sub -->
<videogular ng-class="{'video_small': flag}" ng-if="chapter.subtitle" vg-cue-points="ctrl.mp4config.cuePoints" vg-auto-play="true" vg-complete="ctrl.onVideoFinished()" vg-player-ready="ctrl.onPlayerReady($API)" vg-theme="ctrl.mp4config.theme">
<vg-media vg-src="ctrl.mp4config.sources" vg-tracks="ctrl.mp4config.tracks">
<!--
<videogular ng-if="chapter.subtitle" vg-auto-play="true" vg-can-play="ctrl.videoCanPlay()" vg-complete="ctrl.onVideoFinished()" vg-crossorigin="'anonymous'" vg-player-ready="ctrl.onPlayerReady($API)" vg-theme="ctrl.mp4config.theme">
<vg-media vg-src="ctrl.mp4config.sources" vg-tracks="ctrl.mp4config.tracks">
-->
</vg-media>
<vg-controls vg-autohide="true" vg-autohide-time="1000">
<vg-play-pause-button>
</vg-play-pause-button>
<vg-time-display>
{{ currentTime | date:'mm:ss' }}
</vg-time-display>
<vg-scrub-bar>
<vg-scrub-bar-current-time>
</vg-scrub-bar-current-time>
<vg-scrub-bar-cue-points class="chapters" vg-cue-points="ctrl.mp4config.cuePoints.quizSwitch">
</vg-scrub-bar-cue-points>
</vg-scrub-bar>
<vg-time-display>
{{ totalTime | date:'mm:ss' }}
</vg-time-display>
<vg-volume>
<vg-mute-button>
</vg-mute-button>
<vg-volume-bar>
</vg-volume-bar>
</vg-volume>
<vg-fullscreen-button>
</vg-fullscreen-button>
<vg-playback-button vg-speeds="['0.5', '1', '1.5', '2', '4']"></vg-playback-button>
</vg-controls>
<vg-buffering>
</vg-buffering>
<vg-overlay-play ng-if="show_overlay">
</vg-overlay-play>
</videogular>
<!-- test -->
<div class="test_container mp4quiz" ng-if="flag">
<div class="col-lg-12">
<div class="test_scroll" style="padding:10px 0 10px 0">
<!--
<div class="pull-right" style="margin-right: 10px;">
<a class="btn btn-u btn-sm" ng-click="ctrl.submitChapterTestForVideoQuiz($index)">
<i class="glyphicon glyphicon-ok">
</i>
{{ "Submit" | translate }}
</a>
<a class="btn btn-u btn-sm" ng-click="ctrl.retestChapter($index)">
<i class="glyphicon glyphicon-refresh">
</i>
{{ "Retest" | translate }}
</a>
</div>
-->
<div class="pull-right">
<a class="btn btn-u btn-sm" ng-click="ctrl.submitChapterTestForVideoQuiz(displayQuizs)" ng-if="!submit">
<i class="glyphicon glyphicon-ok">
</i> {{ "Submit" | translate }}
</a>
<a class="btn btn-warning btn-sm" ng-click="ctrl.retestChapter(displayQuizs)" ng-if="submit">
<i class="glyphicon glyphicon-refresh">
</i> {{ "Retest" | translate }}
</a>
<a class="btn btn-success btn-sm" ng-click="ctrl.replay()" ng-if="submit">
<i class="glyphicon glyphicon-repeat">
</i> {{ "Replay" | translate }}
</a>
<a class="btn btn-info btn-sm" ng-click="ctrl.continueVideo()" ng-if="submit">
<i class="glyphicon glyphicon-play">
</i> {{ "Continue" | translate }}
</a>
</div>
<div class="clearfix"></div>
<span style="font-size: 160%;">
{{displayQuizName}}
</span>
<hr style="margin:0; position:relative; bottom:-10px; border:solid 1px #ccc;">
<div class="border-top padding-top-10 first_brdr_remove" ng-repeat="question in displayQuizs track by $index">
<h4>
Q{{ $index + 1 }}.
<span class="qstn_typ pstn_no">
{{ ctrl.typename[question.type] | translate }}
</span>
<!--<i class="{{ resulticon[question.judgement] }}" ng-if="chapter.showresult"></i> {{ question.judgement }} -->
<span ng-class="{'missedQuestion':question.judgement=='Not Attempted' , 'wrongQuestion':question.judgement=='Wrong', 'correctQuestion':question.judgement=='Correct'}">
<span translate="">
{{ chapter.showresult ? question.judgement : '' }}
</span>
</span>
</h4>
<div ng-include="'app/course/question.html'"></div>
</div>
</div>
</div>
</div>
<div class="slide_exam_but" ng-if="flag">
<a class="btn btn-u btn-sm" ng-click="ctrl.submitChapterTestForVideoQuiz(displayQuizs)" ng-if="!submit">
<i class="glyphicon glyphicon-ok"></i> {{ "Submit" | translate }}
</a>
<a class="btn btn-warning btn-sm" ng-click="ctrl.retestChapter(displayQuizs)" ng-if="submit">
<i class="glyphicon glyphicon-refresh"></i> {{ "Retest" | translate }}
</a>
<a class="btn btn-success btn-sm" ng-click="ctrl.replay()" ng-if="submit">
<i class="glyphicon glyphicon-repeat"></i> {{ "Replay" | translate }}
</a>
<a class="btn btn-info btn-sm" ng-click="ctrl.continueVideo()" ng-if="submit">
<i class="glyphicon glyphicon-play"></i> {{ "Continue" | translate }}
</a>
</div>