unserver-unify

<div class="info_page" ng-controller="CourseInfoCtrl as ctrl"> <div> <div class="slider slider_full_middle relative"> <img ng-if="!currentSchool" ng-src="{{publicUrl}}bamboobanner.jpg" /> <div uib-carousel interval="myInterval" active="active" ng-if="currentSchool && slides && slides.length >0"> <div uib-slide ng-repeat="slide in slides" index="$index"> <img ng-src="{{schoolUrl+slide.img}}" style="width: 100%;" /> </div> </div> <img src="//edusharesg.oss-ap-southeast-1.aliyuncs.com/public/resg/school/58febfdbce510434293ee349/1502371114324.jpg" style="width: 100%;"> <div class="container"> <h1>Courses</h1> </div> </div> <div class="sub_header"> <div class="container"> <ol class="breadcrumb"> <li> <a href="#/home">Home</a> </li> <li> <a href="#/courselist/">Courses</a> </li> <li> <span> <strong> Preview of The Reading Room </strong> </span> </li> </ol> <div class="col-md-5 col-sm-5" ng-if="ctrl.course.photo || ctrl.course.video || ctrl.course.youtube"> <div class="media_container">  <img ng-if="!ctrl.course.video && !ctrl.course.youtube" ng-src="{{ ctrl.course.photo ? ctrl.coursePhotoUrl + ctrl.course.photo : ctrl.imgdefault }}" style="width:100%" title="{{ ctrl.course.name }}" />  <div class="videogular-container" ng-if="ctrl.course.video"> <videogular vg-theme="ctrl.outlinemp4config.theme"> <vg-media vg-src="ctrl.outlinemp4config.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> <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-controls>  <vg-buffering> </vg-buffering> <vg-overlay-play> </vg-overlay-play> </videogular> </div> <div class="videoWrapper" ng-if="ctrl.course.youtube"> <iframe ng-src="{{youtubeUrl}}"> </iframe>  </div> </div> </div> <div ng-class="{'col-md-7 col-sm-7': ctrl.course.photo || ctrl.course.video || ctrl.course.youtube || ctrl.course.mvpic, 'col-md-12': !ctrl.course.photo&&!ctrl.course.mvpic}"> <div class="content_heading_sec"> <div class="margin-bottom-10 clearfix blog-info">   <span ng-if="ctrl.mycourseFlag"> <a class="btn btn-info pull-right" translate="" ui-sref="index.courses.course({cid:ctrl.id,cs:getCheckSum(ctrl.id)})"> Enter </a> </span> <span ng-if="!loginService.isLogged && ctrl.course.privacy!='fee'" ng-controller="LoginCtrl as lctrl"> <a class="btn btn-info pull-right btn-bg" ng-click="lctrl.showCourseLoginDialog()" translate> Enroll Now </a> </span> <span ng-if="loginService.isLogged && ctrl.course.privacy!='fee'"> <a ng-if="!ctrl.enrollinprocess" class="btn btn-info pull-right btn-bg" ng-click="ctrl.enroll()" translate> Enroll Now </a> <span ng-if="ctrl.enrollinprocess" class="pending_alert" translate> Pending for approval! </span> </span> <strong> {{ ctrl.course.name }} <span ng-if="videoItems.length > 0" class="cursor-pointer badge badge-danger blink" uib-tooltip="{{'Click to Join'| translate}}" style="letter-spacing: 1px;" ng-click="scrollTo('livecourse')" translate="">Live now</span> </strong> <div class="clearfix"></div> <span class="date_sml_aln" title="Submit"> <span class="clr_chng" translate=""> Last Update </span> : {{ ctrl.course.update||ctrl.course.created | date: 'yyyy-MM-dd' }} </span> <span> <i class="fa fa-eye"> </i> {{ ctrl.visitercounter }}   <span ng-if="loginService.subDomain != 'caregiverasia'"> <i class="fa fa-user"></i> {{ ctrl.course.enrolledcounter||0 }}  </span> </span>  <div class="clearfix"> </div> <span class="avrg_aln" ng-if="ctrl.inspectorFlag"> <div class="average" ng-if="averageRating"> <average-star-rating max="5" rating-value="averageRating"> </average-star-rating> <span> {{ averageRating }}/5 </span> <span class="list_reviews ng-binding"> <a ng-click="ctrl.getAssessmentResult()"> ({{ ctrl.course.ratingcounter }} {{ 'reviews'|translate }}) </a> </span> </div> </span> </div> </div> <div class="inner_content unformat" ng-model="ctrl.course.detail" ta-bind=""> </div> </div> <div class="row margin-bottom-30"> <div class="pull-right" ng-if="ctrl.course.assessment"> </div> </div> <div class="clearfix"></div> <div class="text-center">  <h3>You are ready now Click on a lesson belo to start WonderLearning</h3> </div> </div> </div> <div class="content_container"> <div class="container"> <div ng-controller="LoginCtrl as lctrl"> <div class="col-md-6 img_course_content" ng-repeat="item in tablelist" ng-click="lctrl.showCourseLoginDialog()"> <div class="row"> <div class="col-md-4"> <a href="javscript:;" ng-class="{'disable':item.disable}"> <img src="assets/images/arg/imgblock_6.jpg" style="width: 100%;" /> </a> <a href="javscript:;" ng-if="item.id" ng-class="{'disable':item.disable}" class="launch_but">Launch</a> </div> <div class="col-md-8 padding-left-0" ng-if="item.id"> <h2> <a href="javscript:;" ng-class="{'disable':item.disable}">{{ item.title }}</a> <span style="color:orange;" uib-tooltip="Have to complete this Milestone" ng-if="item.taskFlag&&!item.pass"> <i class="fa fa-flag"></i> </span> <span style="color:#5fb611;" uib-tooltip="Milestone Completed" ng-if="item.taskFlag&&item.pass"> <i class="fa fa-flag"></i> </span> </h2> <p>{{ item.description ? item.description : item.title }}</p> </div> <div class="col-md-8 padding-left-0" ng-if="!item.id"> <h2>{{ item.title }}</h2> <p>{{ item.description ? item.description : item.title }}</p> </div> </div> </div> </div> <div class="col-xs-12 no-padding-xs padding-right-0" style="margin-left:0px;"> <div class="headline" ng-if="ctrl.editors&&ctrl.editors.length> 0"> <h4 translate="course.teachers"> </h4> </div> <div class="teacher_container"> <div class="col-md-6 padding-right-0" ng-repeat="editor in ctrl.editors | limitTo:4"> <div > <div class="teacher_block" ng-controller="LoginCtrl as lctrl"> <div class="col-md-4 col-xs-3 no-padding">  <a ng-if="!loginService.isLogged" class="cursor-pointer" ng-click="lctrl.showCourseLoginDialog()"> <img ng-src="{{editor.photourl }}" title="{{ editor.name || editor.username }}" width="85" /> </a> </div> <div class="col-md-8 col-xs-9 padding-left-0" ng-click="lctrl.showCourseLoginDialog()"> <h3> <a> {{ editor.name || editor.fullname }} </a> </h3> <p> <b> <span> {{ editor.title }} </span> </b> </p> <div class="clearfix"></div> <span class="average" ng-if="editor.rating"> <average-star-rating max="5" rating-value="editor.rating"> </average-star-rating> <span> {{ editor.rating | number: 1 }}/5 </span> </span> <div class="clearfix"></div> <p class="teacher_desc"> {{ editor.description }} </p> </div> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> </div>