UNPKG

unserver-unify

Version:

365 lines (364 loc) 19.1 kB
<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> -->