unserver-unify

<div class="theme_red_container theme_asia"> <div class="tag-box theme_red"> <div class="row"> <div class="pull-right" ng-if="ctrl.course.assessment"> </div> <div class="col-md-5 col-sm-5"> <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 : 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-md-7 col-sm-7"> <div class="forum"> <div class="content_heading_sec"> <div class="margin-bottom-10 clearfix blog-info"> <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> <span class="pull-right"> <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> </span> </div> <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> <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="margin-bottom-20"></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> <a class="btn btn-u rev_but" ng-click="ctrl.review()" ng-if="ctrl.showassessment&&!ctrl.editable" translate=""> Review </a> </span> <div class="margin-bottom-20"></div> <div class="product_price detail" ng-if="ctrl.course.price">¥ {{ctrl.course.price| number:2}}</div> <div class="margin-bottom-20"></div>  <a class="btn btn-info" ui-sref=".result({courseParam:ctrl.course})" ng-if="!ctrl.editable" translate> {{ (ctrl.courseCert)?'Completed':'Progress'; }} </a> </div> </div> </div> </div> </div> <div class="col-lg-8 col-xs-12 course_content no-padding"> <ul class="nav nav-tabs tab2" ng-init="ctrl.tab = 'tab1'"> <li ng-class="{'active':ctrl.tab=='tab1'}" class="active" ng-if="ctrl.course.detail" style="width: 140px;"> <a data-toggle="tab" ng-click="ctrl.tab = 'tab1'" class="ng-binding"> <i class="fa fa-envelope"> </i> {{'Description' | translate}} </a> </li> <li style="width: 120px;" ng-class="{'active':ctrl.tab=='tab2'}" ng-if="tablelist.length > 0"> <a data-toggle="tab" ng-click="ctrl.tab = 'tab2'" class="ng-binding"> <i class="fa fa-bullhorn"> </i> {{'Content' | translate}} </a> </li> </ul> <div class="clearfix"></div> <div ng-if="ctrl.tab=='tab1'" class="tag-box"> <div ng-if="tablelist.length == 0 && !ctrl.course.detail" class="no_record margin-bottom20" translate=""> Content Under Construction </div> <div class="inner_content unformat" ng-model="ctrl.course.detail" ta-bind=""> </div> </div> <div ng-if="ctrl.tab=='tab2'"> <div class="margin-bottom20"> <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 class="col-lg-4 col-xs-12 no-padding-xs padding-right-0 teacher_new_holder" ng-if="ctrl.course.editors&&ctrl.course.editors.length> 0"> <div class="teacher_new"> <div class="headline"> <h4 translate="course.teachers"> </h4> </div> <div class="teacher_container"> <course-teachers-component mainclass="col-lg-12 no-padding" divclass1="col-md-4 col-xs-3 no-padding" divclass2="col-md-8 col-xs-9 padding-left-0" imgstyle='{"max-width":"100px"}' editors="ctrl.course.editors"> </course-teachers-component> </div> <div class="clearfix"></div> </div> </div>