unserver-unify
Version:
365 lines (364 loc) • 19.1 kB
HTML
<div class="row second_theme full_screen" id="chapter_id">
<div class="left_menu" ng-class="{'sidebar_visible':dropdown}">
<ul class="sidebar_responsive" ng-class="{'sidebar_active':dropdown}" ng-if="ctrl.showlist">
<li ng-class="{'sidebar_responsive_active':dropdown}">
<a class="full_click" href="javascript:;" ng-click="ctrl.toggledrop()">
</a>
<button class="btn btn-primary" ng-click="ctrl.toggledrop()" type="button">
<span class="fa fa-bars">
</span>
<span class="fa fa-angle-left">
</span>
</button>
<a class="full_screen_title" href="javascript:;" ng-click="ctrl.toggledrop()">
<span style="font-size:24px; line-height: 26px;">
{{course.name}}
</span>
<div class="clearfix">
</div>
<span style="font-size:16px; line-height: 18px;">
{{chapter.title}}
</span>
</a>
<button class="btn btn-primary scndthm_notes_btn" ng-click="ctrl.togglenotes()" type="button">
<span class="fa fa-file-text-o">
</span>
</button>
<div class="more_dropdown" ng-class="{'active':topWidget}">
<a class="btn btn-primary more_btn" href="{{linkUrl}}" target="_blank" type="button">
<span class="fa fa-ellipsis-h">
</span>
</a>
<!--div class="dropdown_holder">
<ul>
<li>
<a href="{{linkUrl}}" target="_blank">Link</a>
</li>
</ul>
</div-->
</div>
<ul class="list-group sidebar-nav-v1" style="float:left;">
<li class="goback_li">
<a class="goback" href="javascript:window.history.go(-1);">
<i class="fa fa-chevron-left">
</i>
Go back to Course
</a>
</li>
<li>
<a href="">
1
</a>
</li>
<li class="list-group-item " ng-include="'app/course/chaptermenu.html'" ng-repeat="item in items">
</li>
</ul>
</li>
</ul>
</div>
<div class="video_container" fullscreen="isFullscreen" id="videoshow" ng-class="{full_screen_browser:isFullScreen}" only-watched-property="">
<div class="panel panel-default test_qstn bg_lgtr_grn full_screen">
<div class="panel-body inner_slider">
<div ng-if="!chapter.content&&!chapter.ppts&&!chapter.questions">
<div class="news-v1">
<div class="title-v1">
<h2 translate="">
Content under construction !
</h2>
</div>
</div>
</div>
<a class="btn btn-info btn-sm pull-right top_rvw_btn" ng-click="ctrl.review(chapter._id)" ng-if="currentSchool.resourceRatingFlag&&ctrl.allowaccessment&&chapter._id&&!ctrl.resourceRating[chapter._id]" translate="">
Review
</a>
<div class="full_screen" ng-if="chapter.content||chapter.questions||chapter.ppts" ng-switch="chapter.type" style="overflow-y: auto;">
<iframe allowfullscreen="allowfullscreen" height="100%" ng-src="{{chapter.youtubeurl}}" ng-switch-when="youtube" width="100%">
</iframe>
<!--div ng-switch-when="youtube" width="100%" height="100%">
<script src="https://www.youtube.com/iframe_api">
</script>
<youtube-video video-id="youtubeid" player-vars="playerVars">
</youtube-video>
</div -->
<div class="pdf_container" ng-switch-when="html5">
<div ng-class="{'pdf-viewer':!chapter.responsiveFlag}">
<iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" ng-src="{{ chapter.fullurl }}" webkitallowfullscreen="">
</iframe>
</div>
</div>
<!--div class="pdf_container" ng-switch-when="ebook" style="height: 100%;">
<div class="pdf-viewer relative">
<iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" ng-src="{{ ctrl.chapter.fullurl }}" webkitallowfullscreen="">
</iframe>
</div>
</div -->
<div class="pdf_container" ng-switch-when="ebook" style="height: 100%;">
<div class="pdf-viewer relative" ng-cloak="" ng-controller="Scorm1.2ChapterCtrl as wctrl" ng-init="wctrl.init(ctrl.chapter,ctrl.getMvsubjectInfo)">
<iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" ng-if="wctrl.lmsready" ng-src="{{ wctrl.fullurl }}" webkitallowfullscreen="">
</iframe>
</div>
</div>
<!--div class="pdf_container" ng-switch-when="lms">
<div ng-class="{'pdf-viewer':!chapter.responsiveFlag}" ng-if="lmsready" style="background:#fff;">
<iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" ng-src="{{ ctrl.chapter.fullurl }}" webkitallowfullscreen="">
</iframe>
</div>
</div -->
<div class="pdf_container" ng-switch-when="lms">
<div class="pdf-viewer" ng-cloak="" ng-controller="Scorm1.2ChapterCtrl as wctrl" ng-init="wctrl.init(ctrl.chapter,ctrl.getMvsubjectInfo)" style="background:#fff;">
<iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" ng-if="wctrl.lmsready" ng-src="{{ wctrl.fullurl }}" webkitallowfullscreen="">
</iframe>
</div>
</div>
<div class="frame_container" ng-switch-when="lms2004" style="overflow: auto">
<div class="relative" style="height: 100%">
<div class="overlay_black_bg cursor-pointer" ng-click="ctrl.toggleslide()" ng-if="slideout">
</div>
<div ng-cloak="" ng-controller="Scorm2004ChapterCtrl as wctrl" ng-include="'app/course/chapter/scorm2004.html'" ng-init="wctrl.init(ctrl.chapter,getMvsubjectInfo)" style="height: 100%; overflow-y: auto; overflow-x: hidden;">
</div>
</div>
</div>
<div ng-switch-when="msoffice">
<iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" ng-src="{{ ctrl.chapter.fullurl }}" webkitallowfullscreen="">
</iframe>
</div>
<div ng-bind-html="chapter.openoffice" ng-switch-when="openoffice">
</div>
<iframe allowfullscreen="" frameborder="0" height="{{ (maxFlag||ctrl.chapters.length<2) ? 500:500 }}" mozallowfullscreen="" ng-src="{{ chapter.vimeourl }}" ng-switch-when="vimeo" webkitallowfullscreen="" width="100%">
</iframe>
<iframe allowfullscreen="" frameborder="0" height="{{ (maxFlag||ctrl.chapters.length<2) ? 500:500 }}" ng-src="{{ ctrl.getYoukuUrl() }}" ng-switch-when="youku" width="100%">
</iframe>
<div class="videogular-container frame_container" height="{{ (maxFlag||ctrl.chapters.length<2) ? 400:300 }}" ng-switch-when="mp4" width="400">
<span ng-include="'app/course/chapter/mp4.html'">
</span>
</div>
<!--
iframe ng-switch-when="pdf" ng-src="{{ctrl.getMediaUrl()}}" frameBorder="0" width='100%'
height='500' seamless allowfullscreen webkitallowfullscreen>
iframe
-->
<div class="pdf_container" ng-switch-when="pdf" style="margin-top:-25px;">
<div ng-include="'components/pdfviewer/pdf-viewer.html'">
</div>
<!-- video exist -->
<div class="ppt_video pdf" draggable="false" ng-if="ctrl.chapter.video">
<video autoplay="" class="audio_aln" controls="true">
<source ng-src="{{ ctrl.getvideoUrl(ctrl.chapter.video) }}" type="video/mp4">
{{ 'Your browser does not support the video element' | translate }}
</source>
</video>
</div>
</div>
<div class="frame_container" id="flashplayer" ng-switch-when="flash">
</div>
<div class="test_container col-lg-12" ng-switch-when="test" style="background:#fff;">
<div class="test_scroll" style="padding:10px 0 10px 0">
<div class="pull-right zndx" style="margin-right: 10px;">
<a class="btn btn-u btn-sm" ng-click="ctrl.submitChapterTest($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="clearfix">
</div>
<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 chapter.questions">
<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>
<span ng-class="{'missedQuestion':question.judgement=='Not Attempted' , 'wrongQuestion':question.judgement=='Wrong', 'correctQuestion':question.judgement=='Correct'}" ng-if="question.judgement=='Not Attempted'">
<span translate="">
{{ chapter.showresult? question.judgement : '' }}
</span>
</span>
</h4>
<div ng-include="'app/course/question.html'">
</div>
</div>
<div class="heading heading-v1">
<h2 translate="">
End
</h2>
</div>
</div>
<div class="slide_exam_but">
<a class="btn btn-u" ng-click="ctrl.submitChapterTest($index)">
<i class="glyphicon glyphicon-ok">
</i>
{{ "Submit" | translate }}
</a>
<a class="btn btn-u" ng-click="ctrl.retestChapter($index)">
<i class="glyphicon glyphicon-refresh">
</i>
{{ "Retest" | translate }}
</a>
</div>
</div>
<div class="html_container" ng-switch-when="html">
<span ng-include="'app/course/chapter/html.html'">
</span>
</div>
<div class="frame_container" ng-switch-when="word">
<div ng-cloak="" ng-controller="WordChapterCtrl as wctrl" ng-include="'app/course/chapter/word.html'" ng-init="wctrl.init(ctrl.wordchapter)" style="height: 100%; overflow-y: auto; overflow-x: hidden;">
</div>
</div>
<div class="frame_container" ng-switch-when="eword">
<div ng-cloak="" ng-controller="EWordChapterCtrl as wctrl" ng-include="'app/course/chapter/eword.html'" ng-init="wctrl.init(ctrl.chapter)" style="height: 100%; overflow-y: auto; overflow-x: hidden;">
</div>
</div>
<div class="frame_container" ng-switch-when="audioexp">
<div ng-cloak="" ng-controller="AudioExpChapterCtrl as wctrl" ng-include="'app/course/chapter/audioexp.html'" ng-init="wctrl.init(ctrl.chapter)" style="height: 100%; overflow-y: auto; overflow-x: hidden;">
</div>
</div>
<div class="frame_container" ng-switch-when="article">
<div ng-cloak="" ng-include="'app/course/chapter/article.html'" ng-init="wctrl.init(ctrl.chapter)" style="height: 100%; overflow-y: auto; overflow-x: hidden;">
</div>
</div>
<div class="frame_container" ng-switch-when="reading">
<div ng-cloak="" ng-controller="ReadingChapterCtrl as wctrl" ng-include="'app/course/chapter/reading.html'" ng-init="wctrl.init(chapter)" style="height: 100%; overflow-y: auto; overflow-x: hidden;">
</div>
</div>
<div class="frame_container" ng-switch-when="idiom">
<div ng-cloak="" ng-controller="IdiomChapterCtrl as wctrl" ng-include="'app/course/chapter/idiom.html'" ng-init="wctrl.init(ctrl.chapter)" style="height: 100%; overflow-y: auto; overflow-x: hidden; background: #fff; padding: 15px;">
</div>
</div>
<div class="frame_container" ng-switch-when="poetry">
<div ng-cloak="" ng-controller="PoetryChapterCtrl as wctrl" ng-include="'app/course/chapter/poetry.html'" ng-init="wctrl.init(ctrl.chapter)" style="height: 100%; overflow-y: auto; overflow-x: hidden; background: #fff; padding: 15px; padding-bottom:0;">
</div>
</div>
<div class="frame_container" ng-switch-when="fillblank">
<div ng-cloak="" ng-controller="IdiomFillBlankChapterCtrl as wctrl" ng-include="'app/course/chapter/fillblank.html'" ng-init="wctrl.init(ctrl.chapter)" style="height: 100%; overflow-y: auto; overflow-x: hidden; background: #fff; padding: 15px;">
</div>
</div>
<div class="frame_container" ng-switch-when="bishun">
<span ng-cloak="" ng-include="'app/course/chapter/bishuns.html'" style="height: 100%; overflow-y: auto; overflow-x: hidden;">
</span>
</div>
<div class="frame_container" ng-switch-when="ppts">
<span ng-include="'app/course/chapter/ppts.html'">
</span>
</div>
<div class="videogular-container frame_container mp4ppt" ng-switch-when="mp4ppt" style="overflow:hidden">
<span ng-include="'app/course/chapter/mp4ppt.html'">
</span>
</div>
<div class="videogular-container frame_container mp4ppt" ng-switch-when="mp3ppt" style="overflow:hidden">
<span ng-include="'app/course/chapter/mp3ppt.html'">
</span>
</div>
<div class="frame_container" ng-switch-when="exam" style="overflow:auto;">
<span class="second_theme_exam" ng-include="'app/course/chapter/exam.html'">
</span>
</div>
<div class="frame_container" ng-switch-when="chapterexam" style="overflow:auto;">
<span class="second_theme_exam" ng-include="'app/course/chapter/chapterexam.html'">
</span>
</div>
<div class="frame_container" ng-switch-when="quiz">
<span ng-include="'app/course/chapter/quiz.html'">
</span>
</div>
<div class="frame_container" ng-switch-when="dragfill">
<div ng-cloak="" ng-controller="DragFillChapterCtrl as wctrl" ng-include="'app/course/chapter/dragfill.html'" ng-init="wctrl.init(ctrl.chapter)" style="height: 100%; overflow-y: auto; overflow-x: hidden; background: #fff; padding: 15px;">
</div>
</div>
<div class="frame_container" ng-switch-when="chooseans">
<div ng-cloak="" ng-controller="ChooseAnswerChapterCtrl as wctrl" ng-include="'app/course/chapter/chooseans.html'" ng-init="wctrl.init(ctrl.chapter)" style="height: 100%; overflow-y: auto; overflow-x: hidden; background: #fff; padding: 15px;">
</div>
</div>
<!-- mp4quiz-->
<div class="frame_container white-bg" ng-switch-when="mp4quiz">
<!--span ng-include="'app/course/chapter/mp4quiz.html'">
</span -->
<courseware-video-quiz callback="ctrl.getMvsubjectInfo(bool)" chapter="chapter">
</courseware-video-quiz>
</div>
<div class="frame_container white-bg" ng-switch-when="onlinequiz">
<courseware-video-quiz callback="ctrl.getMvsubjectInfo(bool)" chapter="chapter">
</courseware-video-quiz>
</div>
<div class="pdf_container" ng-switch-when="assignment">
<div class="second_theme_assignment" ng-controller="CourseAssignmentCtrl as actrl" ng-include="'app/course/assignmentcontent.html'" ng-init="actrl.init(chapter.content)">
</div>
</div>
<div class="frame_container" ng-switch-when="coursesurvey">
<span ng-include="'app/course/chapter/coursesurvey.html'">
</span>
<!-- <div ng-cloak="" ng-controller="CourseSurveyChapterCtrl as sctrl" ng-include="'app/course/chapter/coursesurvey.html'" ng-init="sctrl.init(ctrl.chapter)" style="height: 100%; overflow-y: auto; overflow-x: hidden;">
</div> -->
</div>
<div class="col-md-12 audio_div" id="pptaudiodiv" ng-if="audio||topLevelAudio">
</div>
<div class="clearfix">
</div>
</div>
</div>
</div>
</div>
<div class="right_notes" ng-class="{'current':notes}">
<h3>
Write Your note
</h3>
<button class="btn btn-danger" ng-click="ctrl.togglenotes()">
<i class="fa fa-times">
</i>
</button>
<div class="left_notes">
<textarea ng-model="ctrl.newNoteContent" placeholder="Enter your notes here...">
</textarea>
<span class="input-group-btn notes_btn" ng-class="{'disable':!ctrl.newNoteContent.length> 0}">
<button class="btn btn-warning" ng-click="ctrl.clrNewNote()">
{{ "Clear" | translate }}
</button>
<button class="btn btn-u" ng-click="ctrl.addNewNote()">
{{ "Enter" | translate }}
</button>
</span>
<div class="ovr_hdn">
<ul class="note_list">
<li ng-repeat="note in ctrl.chapterNotes">
<span class="notes_date col-md-3 no-padding">
{{ note.created | date : 'yyyy/MM/dd' }}
<br/>
{{ note.created | date : 'HH:mm' }}
</span>
<div class="col-md-9 padding-right-0">
{{ note.content }}
<a class="fa fa-trash-o pull-right" ng-click="ctrl.deleteNote($index)">
</a>
<a class="fa fa-play" ng-click="ctrl.showdetailnote(note)" ng-if="note.mp4time">
</a>
</div>
<div class="clearfix">
</div>
</li>
</ul>
<div class="margin_lines">
</div>
</div>
</div>
</div>
</div>
<!--
<script>
function showWiki(key) {
angular.element('#chapter_id').scope().showWiki(key);
}
function showhtmlImage(src) {
angular.element('#chapter_id').scope().showImage(src);
}
function showHtmlVideo(title, url, isOnlineVideo) {
angular.element('#chapter_id').scope().showVideo(title, url, isOnlineVideo);
}
</script>
-->