UNPKG

unserver-unify

Version:

317 lines (314 loc) 19.2 kB
<!-- <div ng-class="{'menu_drop': !hideHeader}" class="video_page_full"> --> <div ng-class="{'menu_drop': !hideHeader}"> <div class="row relative" id="chapter_id"> <div class="col-md-3 sidebar_responsive_holder crswr_sidbar" ng-if="!maxFlag"> <span> <button class="btn btn-primary clr_adjst fa hidden-xs hidden-sm" href="" ng-class="{'fa-bars': !maxFlag, 'fa-compress': maxFlag}" ng-click="ctrl.displaylist()" title="{{ 'Menu' | translate }}"> </button> </span> <span> <button class="btn btn-primary clr_adjst fa hidden-xs hidden-sm" href="" ng-class="{'fa-file-text-o': !maxFlag, 'fa-compress': maxFlag}" ng-click="ctrl.shownote()" title="{{ 'Add Notes' | translate }}"> </button> </span> <span> <button class="btn btn-primary clr_adjst fa hidden-xs hidden-sm" href="" ng-class="{'fa-arrows-h': !maxFlag, 'fa-compress': maxFlag}" ng-click="toggleMax()" title="{{ maxFlag ? 'Restore' : 'Maximize' | translate }}"> </button> </span> <span> <button class="btn btn-primary clr_adjst fa hidden-xs hidden-sm hide1000" href="" ng-class="{'fa-arrows-alt': !maxFlag, 'fa-compress': maxFlag}" ng-click="goFullscreen()" title="{{ maxFlag ? 'Normal Mode' : 'Full Screen Mode' | translate }}"> </button> </span> <div class="sidebar_bg"> <ul class="sidebar_responsive responsive_sidebar" ng-class="{'sidebar_active':dropdown}" ng-if="ctrl.showlist"> <li class="li_sidbar_responsive" 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" style="float:left;"> <li class="list-group-item " ng-include="'app/course/chaptermenu.html'" ng-repeat="item in items"> </li> </ul> </li> </ul> <div class="left_notes" ng-if="!ctrl.showlist"> <div class="headline"> <h3> {{ "Notes" | translate }} </h3> </div> <textarea ng-model="ctrl.newNoteContent"> </textarea> <span class="input-group-btn notes_btn"> <button class="btn btn-warning" ng-click="ctrl.clrNewNote()" ng-show="ctrl.newNoteContent.length> 0"> {{ "Clear" | translate }} </button> <button class="btn btn-u" ng-click="ctrl.addNewNote()" ng-show="ctrl.newNoteContent.length> 0"> {{ "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> <div class="restore_aln" ng-if="maxFlag"> <button class="btn btn-primary clr_adjst fa" ng-class="{'fa-caret-square-o-left': !maxFlag, 'fa-compress': maxFlag}" ng-click="toggleMax()" title="{{ maxFlag ? 'Restore' : 'Maximize' | translate }}"> </button> </div> <div ng-class="{'col-md-12 full_screen_on' : maxFlag || isFullScreen , 'col-md-9 full_screen_off' : !maxFlag, full_screen_browser:isFullScreen}" class="course_right col-xs-12" fullscreen="isFullscreen" id="videoshow" only-watched-property=""> <a class="btn btn-warning btn-sm course_back" ng-if="!maxFlag" ng-class="{'aln_wit_arow': !hideHeader}" href="javascript:window.history.go(-1);"> <i class="fa fa-angle-left"> </i> {{'Go Back' | translate}} </a> <div class="panel panel-default test_qstn bg_lgtr_grn bg_blue" ng-class="{'html5_panel0' : chapter.type == 'html5'}"> <div class="panel-body inner_slider"> <button class="fullscreen_but btn btn-warning fa fa-compress" ng-click="goFullscreen()" title="{{'Exit Full Screen Mode' | translate }}"> </button> <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="iframe_holder" ng-if="chapter.content||chapter.questions||chapter.ppts" ng-switch="chapter.type"> <!-- <iframe allowfullscreen="allowfullscreen" height="100%" ng-src="{{chapter.youtubeurl}}" ng-switch-when="youtube" width="100%"> </iframe> --> <div class="videogular-container frame_container" ng-switch-when="youtube" width="400" ng-controller="MP3PPTCtrl as wctrl"> <span ng-include="'app/course/chapter/youtube.html'"> </span> </div> <div class="videogular-container frame_container" ng-switch-when="vimeo" width="400" ng-controller="MP3PPTCtrl as wctrl"> <span ng-include="'app/course/chapter/vimeo.html'"> </span> </div> <!--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 html5" ng-switch-when="html5"> <div ng-class="{'pdf-viewer':!chapter.responsiveFlag}"> <iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" ng-if="chapter.ready" 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 scrom_hldr" 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,ctrl.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> <!-- <div class="pdf_container" ng-switch-when="ebook"> <iframe allowfullscreen="" frameborder="0" mozallowfullscreen="" ng-src="{{ctrl.chapter.bookurl}}" webkitallowfullscreen=""> </iframe> </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" ng-controller="MP3PPTCtrl as wctrl"> <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"> <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=""> <source ng-src="{{ ctrl.getvideoUrl(ctrl.chapter.video) }}" type="video/mp4"> {{ 'Your browser does not support the video element' | translate }} </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 ng-cloak="" ng-controller="TestChapterCtrl as wctrl" ng-include="'app/course/chapter/test.html'"> </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.chapter)" 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="eword"> <div ng-cloak="" ng-controller="EWordChapterCtrl as wctrl" ng-include="'app/course/chapter/match.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="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="ppts"> <span ng-include="'app/course/chapter/ppts.html'"> </span> </div> <div class="frame_container" ng-switch-when="bishun"> <div ng-controller="BishunChapterCtrl as wctrl" ng-include="'app/course/chapter/bishuns.html'" ng-init="wctrl.init(chapter)" style="height: 100%; overflow-y: auto; overflow-x: hidden;"> </div> </div> <div class="videogular-container frame_container mp4ppt" ng-switch-when="mp4ppt" style="overflow:hidden" ng-controller="MP3PPTCtrl as wctrl"> <span ng-include="'app/course/chapter/mp4ppt.html'"> </span> </div> <div class="videogular-container frame_container mp4ppt" ng-switch-when="mp3ppt" style="overflow:hidden" ng-controller="MP3PPTCtrl as wctrl"> <span ng-include="'app/course/chapter/mp3ppt.html'"> </span> </div> <div class="frame_container" ng-switch-when="exam" style="overflow:auto;"> <span ng-include="'app/course/chapter/exam.html'"> </span> </div> <div class="frame_container" ng-switch-when="chapterexam" style="overflow:auto;"> <span 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-controller="MP4QuizCtrl as wctrl" ng-switch-when="mp4quiz"> <courseware-video-quiz ng-if="wctrl.contentReady" callback="ctrl.getMvsubjectInfo(bool)" chapter="wctrl.chapter" mp4time="wctrl.mp4time" destroycallback="wctrl.destroycallback(mp4time,videocomplete)"> </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="pdf-viewer algn" 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-controller="CourseSurveyChapterCtrl as wctrl" ng-include="'app/course/chapter/coursesurvey.html'"> </div> </div> <div class="clearfix"> </div> </div> <div class="col-md-12 audio_div" id="pptaudiodiv" ng-if="audio||topLevelAudio"> </div> </div> </div> </div> <div style="padding:130px;"></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> -->