unserver-unify

<div ng-controller="CourseHomeCtrl as ctrl"> <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="{{ctrl.bannerUrl}}" style="width: 100%;"> <div class="container"> <h1>Courses</h1> </div> </div> <div class="sub_header"> <div class="container"> <span ncy-breadcrumb="" class="breadcrumb_inside"></span> <div class="col-md-3 col-sm-3 padding-left-0" 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-9 col-sm-9': 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">  <a class="btn btn-u rev_but pull-right" ng-click="ctrl.review()" ng-if="ctrl.showassessment&&!ctrl.editable" translate=""> Review </a> <a class="btn btn-info pull-right" ui-sref=".result({courseParam:ctrl.course})" ng-if="!ctrl.editable" translate> Progress </a> <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> <mybookmark ng-if="!currentSchool.apiOptions.hdbftp"></mybookmark>  <a ng-if="!currentSchool.apiOptions.hdbftp" class="share_icon" ng-click="ctrl.shareCourse()"> <i class="fa fa-share-alt" aria-hidden="true"> </i>{{'Share' | translate }} </a>  <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>Great {{user.fullname}}</h3> <h3>You are ready now Click on a lesson belo to start <span style="color:yellow">Wonder</span>Learning!</h3> </div> </div> </div> <div class="content_container"> <div class="container"> <div class="row"> <div class="col-md-6 img_course_content" ng-repeat="item in tablelist"> <div class="row"> <div class="col-md-4"> <a href="javscript:;" ng-class="{'disable':item.disable}" ui-sref="index.courses.course.section.video({ id: item.id })"> <img ng-if="!item.photo" src="assets/images/arg/imgblock_6.jpg" style="width: 100%;" /> <img ng-if="item.photo" ng-src="{{ctrl.mvPhotoUrl+item.photo}}" style="width: 100%;" /> </a> <a href="javscript:;" ng-if="item.id" ng-class="{'disable':item.disable}" ui-sref="index.courses.course.section.video({ id: item.id })" 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}" ui-sref="index.courses.course.section.video({ id: item.id })">{{ 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 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"> <div class="col-md-4 col-xs-3 no-padding"> <a ui-sref="index.teacher.detail.summary({teacherloginname : editor.username,cs:getCheckSum(editor.username)})"> <img ng-src="{{ editor.photourl }}" style="max-height:120px;" title="{{ editor.name || editor.username }}" width="120" /> </a> </div> <div class="col-md-8 col-xs-9 padding-left-0"> <h3> <a ui-sref="index.teacher.detail.summary({teacherloginname : editor.username,cs:getCheckSum(editor.username)})"> {{ 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 class="clearfix"></div> </div> <div ng-if="ctrl.course.theme !== 'sidebar'"> <div ng-include="'app/course/homecourseinformation.html'"> </div> <div ng-include="'app/course/homerelatedcourse.html'"> </div> </div> <session-table-list buildingflag="true" courseid="ctrl.id" ng-if="ctrl.course.theme!='mobile'" pageitemcount="5"> </session-table-list> <div class="row" ng-if="ctrl.course.theme!='mobile'" style="margin-top:20px;"> <div class="col-md-12 margin-bottom-30">  <div class="profile"> <div class="panel-heading overflow-h"> <h2 class="panel-title heading-sm pull-left"> <i class="fa fa-comments"> </i> {{'Leave Your Comments' | translate }} </h2> </div> <div class="panel-body white-bg margin-bottom-30"> <div class="media media-v2"> <a class="pull-left" href="#"> <img class="media-object rounded-x" height="80" ng-src="{{ ctrl.profileImg }}" width="80" /> </a> <div class="media-body"> <textarea class="form-control" name="content" ng-model="ctrl.commentscontent" placeholder="{{'Write your comments here' | translate }}..." required="" rows="5"> </textarea> <div class="clearfix margin-bottom-10"> </div> <button class="btn btn-u" ng-click="ctrl.sendComment()" ng-if="ctrl.commentscontent&&ctrl.commentscontent.length>1" style="padding-left:30px; padding-right:30px;" translate=""> Submit </button> </div> </div> </div> <div class="panel-heading overflow-h" ng-if="ctrl.commentscount>0"> <h2 class="panel-title heading-sm pull-left"> <i class="fa fa-comments"> </i> {{'Users Comments' | translate }} <span style="color:#337ab7;"> ({{ctrl.commentscount}}) </span> </h2> </div> <div class="panel-body white-bg" ng-if="ctrl.commentscount>0"> <div class="media media-v2" ng-repeat="topic in ctrl.coursetopics"> <a class="pull-left" ui-sref="index.setting.profile({ id: topic.author.loginname ,cs:getCheckSum(topic.author.loginname)})"> <img class="media-object rounded-x img_res_adj" height="80" ng-src="{{ topic.avatar_url }}" title="{{ topic.authorname }}" width="80" /> </a> <div class="media-body"> <h4 class="media-heading"> <strong> <a ui-sref="index.setting.profile({ id: topic.author.loginname ,cs:getCheckSum(topic.author.loginname)})"> {{ topic.author.fullname }} </a> </strong> @{{ topic.author.loginname }} <small> {{ topic.create_at | date: 'short' }} </small> <a class="pull-right color-red" ng-click="ctrl.delete(topic)" ng-if="loginService.user&&loginService.user.is_admin||loginService.user.grole=='admin'" style="margin-top:15px;"> <i class="fa fa-remove expand-list rounded-x"> </i> </a> </h4> <p style="margin-right: 30px;"> {{topic.content}} </p> </div> </div> <button class="btn btn-info btn-block" ng-click="ctrl.getMore()" ng-if="ctrl.coursetopics.length<ctrl.commentscount"> More + </button> </div> </div>  </div> </div> </div> <div class="clearfix"></div> </div> </div>