unserver-unify

<div class="theme_blue_container"> <div class="col-md-12 no-padding theme_blue"> <div class="col-md-8 margin-bottom-20 no-padding-left"> <div class="tag-box"> <div > <div class="content_heading_sec"> <div class="margin-bottom-10 clearfix blog-info">  <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> <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"> <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> </div> <div class="row"> <div class="col-sm-5 padding-right-0 sm-margin-bottom-20"> <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-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 class="clearfix"> </div> </div> <div class="col-md-12" style="margin-left:0px;" ng-if="ctrl.course.editors&&ctrl.course.editors.length> 0"> <div class="row"> <div class="headline"> <h3 translate="course.teachers"> Teachers </h3> </div> <div class="teacher_container"> <course-teachers-component mainclass="col-md-6" divclass1="col-md-5 col-xs-3 no-padding" divclass2="col-md-7 col-xs-9 padding-left-0" h3style='{"margin-top":"0px"}' editors="ctrl.course.editors"> </course-teachers-component> </div> </div> </div> </div> <div class="col-md-4 col-xs-12 course_content no-padding"> <div class="panel blue_sidebar"> <div> <h2 translate=""> Contents </h2> </div> <div class="no_record" ng-if="!charpters || charpters.length <= 0" translate="" style="background: rgba(247, 247, 247, 0.17); border: solid 10px rgba(255, 255, 255, 0.48); margin:10px;">No Content</div> <table class="blue_box"> <tr ng-repeat="c in charpters"> <td width="10%" style="vertical-align: top"> <h2> {{ c.cidx }} </h2> </td> <td width="5%"> </td> <td width="85%"> <ul ng-repeat="item in c.cinfo" style="list-style-type:none;padding-left:0px;"> <li ng-class="{'disable':item.disable}" ng-style="{'padding-left': (item.level * 12) + 'px'}"> <i class="fa fa-lock" tooltip-placement="top-right" uib-tooltip="{{'yet to start'|| translate}}"> </i> <font ng-if="!item.id"> {{ item.title }} </font> <a ng-class="{'news-title':item.level> 0,'disable':item.disable}" ng-if="item.id" ui-sref="index.courses.course.section.video({ id: item.id })"> <font> <span ng-if="item.level> 0"> {{ item.idx }} </span> <span> {{ item.title }} <span class="badge badge-warning" style="width: 40px; margin-top: 3px;" ng-if="item.taskFlag&&!item.pass"> <i class="fa fa-flag"></i> </span> <span style="width: 40px; margin-top: 3px;" class="badge badge-primary" ng-if="item.taskFlag&&item.pass"> <i class="fa fa-flag"></i> <i class="fa fa-check"></i> </span> </span> </font> </a> </li> </ul> </td> </tr> </table> </div> </div> </div> </div>