unserver-unify
Version:
317 lines (314 loc) • 19.2 kB
HTML
<!-- <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>
-->