unserver-unify

<div class="theme_default_container"> <div class="col-xs-12 theme_default" style="margin-bottom:20px; float:left; padding-bottom:20px; background-color:#D7EAD7"> <div class="content_heading_sec">  <a class="btn btn-u pull-right rev_but" ng-click="ctrl.review()" ng-if="ctrl.showassessment&&!ctrl.editable" translate=""> Review </a> <a class="btn btn-info pull-right" ng-if="!ctrl.editable" ui-sref=".result({courseParam:ctrl.course})" translate> {{ (ctrl.courseCert)?'Completed':'Progress'; }} </a> <h3 style="color:seagreen;"> {{ 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> </h3> <span class="date_sml_aln"> <span class="clr_chng" translate=""> Last Update </span> : {{ ctrl.course.update||ctrl.course.created | date: 'yyyy-MM-dd' }} </span> <span> <span class="color-blue">{{'Views' | translate}}:</span> {{ ctrl.visitercounter }}   <span ng-if="loginService.subDomain != 'caregiverasia'"> <span class="color-blue">{{'Enrolled Students' | translate}}:</span> {{ ctrl.course.enrolledcounter||0 }}   </span> <span ng-if="ctrl.course.info&&ctrl.course.info.score"> <span class="color-blue">{{'Credit' | translate}}:</span> {{ ctrl.course.info.score }}   </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 class="average dummy_avg" ng-if="!averageRating" ng-click="ctrl.review()"> <div class="average-rating-container"> <ul class="rating background"> <li class="star"> <i class="fa fa-star"> </i> </li> <li class="star"> <i class="fa fa-star"> </i> </li> <li class="star"> <i class="fa fa-star"> </i> </li> <li class="star"> <i class="fa fa-star"> </i> </li> <li class="star"> <i class="fa fa-star"> </i> </li> </ul> </div> <span class="list_reviews ng-binding"> <a ng-click="ctrl.getAssessmentResult()"> (0 {{ 'reviews'|translate }}) </a> </span> </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> <div class="col-sm-12" style="height:0;border-top:1px solid Gainsboro;font-size:0;margin-bottom:10px;"> - </div> </div> <div class="margin-top-10 col-sm-5 no-padding" style="padding-left:none;"> <div class="media_container relative"> <div class="ribbon big" ng-if="ctrl.course.info && ctrl.course.info.required"><span>Required</span></div> <div class="ribbon blue big" ng-if="ctrl.course.info && !ctrl.course.info.required"><span>Elective</span></div>  <img ng-if="!ctrl.course.video && !ctrl.course.youtube" ng-src="{{ ctrl.course.photo? ctrl.coursePhotoUrl + ctrl.course.photo : (lcourse.mvpic? _SHOST+'/public/'+_RES+ lcourse.mvpic : 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 class="col-sm-7 headline no_line padding-right-0"> <p class="unformat" ng-bind-html="ctrl.course.detail"> </p> </div> </div> <div class="clearfix"> </div> <div class="col-md-12 no-padding"> <div class="col-md-7 padding-left-0 course_content"> <div class="panel " style="background-color:#E4ECE4;"> <div class="row" style="margin-left:0px; margin-right:20px;"> <div class="headline"> <h4 style="padding-left:10px;" translate=""> Contents </h4> </div> <div style="margin-left:15px; background:transparent; border:none;" ng-if="tablelist.length == 0" class="no_record" translate=""> Content Under Construction </div> <div ng-if="tablelist.length > 0" class="funny-boxes funny-boxes-left-blue" style="margin-left:40px;margin-bottom:20px;padding-bottom:0px;padding-top:0px;background-color:#E4ECE4 "> <div class="row" style="vertical-align:central;margin-bottom:0px;"> <ul ng-repeat="item in tablelist" style="list-style-type:none;padding-left:10px;"> <li ng-class="{'disable':item.disable}" ng-style="{'padding-left': (item.level * 16) + 'px'}"> <i class="fa fa-lock" tooltip-placement="top-right" uib-tooltip="{{'yet to start'|| translate}}"> </i>  <a class="news-title" ng-class="{'disable':item.disable}" ng-if="item.id" style="word-break:break-all;" ui-sref="index.courses.course.section.video({ id: item.id })"> <span style="font-size:18px;"> {{ item.idx }} </span> {{ item.title }} <span class="badge badge-warning" ng-if="item.taskFlag&&!item.pass"> <i class="fa fa-flag"> </i> </span> <span class="badge badge-primary" ng-if="item.taskFlag&&item.pass"> <i class="fa fa-flag"> </i> <i class="fa fa-check"> </i> </span> </a> <span ng-if="!item.id" style=" font-size: 14px; color:blue;word-break:break-all;"> <strong> {{ item.idx }} </strong> {{ item.title }} </span>  </li> <div style="height:0;border-top:1px solid Gainsboro;font-size:0;margin-left:30px;"> - </div> </ul> </div> </div> </div>  </div> </div> <div class="col-md-5 no-padding" ng-if="ctrl.course.editors&&ctrl.course.editors.length> 0"> <div style="margin-bottom:40px;"> <div class="headline"> <h4 style="padding-left:10px;" translate="course.teachers"> Teachers </h4> </div> <div class="teacher_container"> <course-teachers-component mainclass="col-lg-12 no-padding" h3style='{"color":"SeaGreen","margin-top":"0px","margin-bottom":"0px"}' editors="ctrl.course.editors"> </course-teachers-component> </div> </div> </div> </div> <div class="clearfix"> </div> </div>