unserver-unify

<div class="theme_sidebar"> <div class="col-md-3 col-xs-12 md-margin-bottom-10 padding-left-0"> <ul ng-class="{'sidebar_active':dropdown}">   <ul class="list-group sidebar-nav-v1 col-sm-12 col-md-12 col-xs-12 no-padding myspace_menu" id="sidebar-nav-1"> <li ui-sref="index.courses.course" ng-class="{'active' : tab == 'summary' , 'list-group-item':true}"> <a ng-click="tab = 'summary'" style="padding-right:0px;"> <i class="fa fa-list-alt fa-fw"> </i> {{"Summary" | translate}} </a> </li> <li ng-class="{'active' : tab == 'contents' , 'list-group-item':true }"> <a ui-sref="index.courses.course.contents" ng-click="tab = 'contents'" style="padding-right:0px;"> <i class="fa fa-book"> </i> {{"Contents" | translate}} </a> </li> <li ng-class="{'active' : tab == 'teachers' , 'list-group-item':true}" ng-show="ctrl.course.editors.length > 0"> <a ui-sref="index.courses.course.teachers" ng-click="tab = 'teachers'" style="padding-right:0px;"> <i class="fa fa-graduation-cap fa-fw"> </i> <span translate="course.teachers">Teachers</span> </a> </li> <li ng-class="{'active' : tab == 'courseinfo' , 'list-group-item':true}" ng-show="ctrl.course.editors.length > 0"> <a ui-sref="index.courses.course.courseinfo" ng-click="tab = 'courseinfo'" style="padding-right:0px;"> <i class="fa fa-info fa-fw"> </i> {{"Course Information" | translate}} </a> </li> <li ng-class="{'active' : tab == 'relatedcourse' , 'list-group-item':true}" ng-show="ctrl.course.editors.length > 0"> <a ui-sref="index.courses.course.relatedcourse" ng-click="tab = 'relatedcourse'" style="padding-right:0px;"> <i class="fa fa-link fa-fw"> </i> {{"Related Course" | translate}} </a> </li> <li ng-class="{'active' : tab == 'progress' , 'list-group-item':true}" ng-show="ctrl.course.editors.length > 0"> <a ui-sref="index.courses.course.progress" ng-click="tab = 'progress'" style="padding-right:0px;"> <i class="fa fa-tasks fa-fw"> </i> {{"progress" | translate}} </a> </li> </ul> </ul> </div> <div class="col-md-9 col-xs-12" style="background-color:white">  <div ng-show="tab == 'summary'"> <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>  <h3 style="color:seagreen;" class="headline"> {{ 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="tab = 'relatedcourse'" translate="">Live now</span> </h3> <div class="margin-bottom-5"></div> <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 class="pull-left"> <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 margin-bottom-10" 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> <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> </div> </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> <div class="col-sm-12 row" style="margin-bottom:20px"> <div class="media_container col-sm-5 no-padding 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>  <div ng-if="!ctrl.course.video && !ctrl.course.youtube"> <img 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>  <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 class="col-sm-7 news-v3"> <div class="tag-box tag-box-v2"> <div class="news-v3-in-sm no-padding"> <p class="unformat" ng-bind-html="ctrl.course.detail"> </p> </div> </div> </div> </div> </div>  <div ng-if="tab == 'contents'"> <div class="col-sm-12 no-padding"> <div class=" padding-left-0 course_content"> <div class="panel"> <div class="row" style="margin-left:0px; margin-right:0px;"> <div class="headline"> <h4 style="padding-left:0px;" translate=""> Contents </h4> </div> <div style="background:transparent; border:none;" ng-if="tablelist.length == 0" class="no_record margin-bottom20" translate=""> Content Under Construction </div> <div class="margin-bottom20" ng-if="tablelist.length > 0"> <ul class="profile" ng-if="!ctrl.course.singlesection"> <li class="profile-post {{ ctrl.getlistcolor($index,item.level) }}" ng-class="{'second-level': item.level, '': !item.level, 'disable':item.disable}" ng-repeat="item in tablelist"> <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" ui-sref="index.courses.course.section.video({ id: item.id })"> <span class="profile-post-numb"> {{ item.idx }} </span> <div class="profile-post-in"> <h3 class="heading-xs"> {{ item.title }} <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> </h3> <p> {{ item.description ? item.description : item.title }} </p> </div> </a> <div ng-if="!item.id"> <span class="profile-post-numb"> {{ item.idx }} {{ item.title }} <div class="profile-post-in"> <p> {{ item.description ? item.description : item.title }} </p> </div> </span> </div> </li> </ul> <ul class="profile" ng-if="ctrl.course.singlesection"> <li class="profile-post {{ ctrl.getlistcolor($index,item.level) }}" ng-class="{'second-level': item.level, '': !item.level}" ng-repeat="item in tablelist"> <i class="fa fa-lock" tooltip-placement="top-right" uib-tooltip="{{'yet to start'|| translate}}"> </i> <a class="news-title" ui-sref="index.courses.course.section.video({ id: ctrl.course.contents[0].id })"> <span class="profile-post-numb"> {{ item.idx }} </span> <div class="profile-post-in"> <h3 class="heading-xs"> {{ item.title }} </h3> <p> {{ item.description ? item.description : item.title }} </p> </div> </a> <div ng-if="!item.id"> <span class="profile-post-numb"> {{ item.idx }} </span> <div class="profile-post-in"> <h3 class="heading-xs"> {{ item.title }} </h3> <p> {{ item.description ? item.description : item.title }} </p> </div> </div> </li> </ul> </div> </div>  </div> </div> </div> </div>  <div ng-if="tab == 'teachers'&&ctrl.course.editors&&ctrl.course.editors.length > 0"> <div class="col-md-12 no-padding" style="background-color:white"> <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-6 col-xs-12" divclass1="col-md-4 col-xs-3 no-padding" divclass2="col-md-8 col-xs-9 padding-left-0" h3style='{"color":"SeaGreen","margin-top":"0px","margin-bottom":"0px"}' editors="ctrl.course.editors"> </course-teachers-component> </div> </div> </div> </div>  <div ng-if="tab == 'courseinfo'"> <div class="col-md-12 no-padding" ng-include="'app/course/homecourseinformation.html'"> </div> </div>  <div ng-if="tab == 'relatedcourse'"> <div class="col-md-12 no-padding" ng-include="'app/course/homerelatedcourse.html'"> </div> </div>  <div ng-if="tab == 'progress'"> <div class="row" ng-include="'app/course/result.html'"> </div> </div> </div> </div>