unserver-unify

<div class="theme_yellow_container"> <div class="tag-box theme_yellow"> <div class="forum"> <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" ng-if="!ctrl.editable" translate="" ui-sref=".result({courseParam:ctrl.course})"> {{ (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> <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> </div> </div> <div class="row margin-bottom-20 tag-box"> <div class="col-md-5 col-sm-5 padding-left-0"> <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>  <div> <p class="unformat" ng-bind-html="ctrl.course.detail" ng-if="ctrl.course.detail"> </p> </div> </div> </div> <div class="clearfix"> </div> </div> <div class="row" ng-if="ctrl.course.editors&&ctrl.course.editors.length> 0"> <div class="col-md-12"> <div class="headline"> <h3 translate="course.teachers"> Teachers </h3> </div> <div class="teacher_container"> <div class="row"> <course-teachers-component mainclass="col-md-4" divclass1="col-lg-4 col-md-5 col-xs-3 no-padding" divclass2="col-lg-8 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="clearfix margin-bottom-10"> </div> <div class="row"> <div class="col-lg-12 margin-bottom-10 course_content"> <div class="col-md-3 col-sm-6 col-xs-6 no-padding1 pricing-table-v6 color_change" ng-repeat="_row in coursesrow"> <div class="service-block {{ ctrl.getServiceColor($index) }}" ng-class="{'disable':_row.main.disable}" style="height:250px;overflow:hidden;"> <i class="fa fa-lock" tooltip-placement="top-right" uib-tooltip="{{'yet to start'|| translate}}"> </i> <a ng-class="{'disable':_row.main.disable}" ng-if="_row.main.id" ui-sref="index.courses.course.section.video({ id: _row.main.id })"> <i class="icon-custom icon-color-light rounded-x"> {{ _row.main.idx }} </i> </a> <a ng-if="!_row.main.id"> <i class="icon-custom icon-color-light rounded-x"> {{ _row.main.idx }} </i> </a> <br/> <a ng-class="{'disable':_row.main.disable}" ng-if="_row.main.id" ui-sref="index.courses.course.section.video({ id: _row.main.id })"> <h3 class="heading-md"> {{ _row.main.title }} <span class="badge badge-warning" ng-if="_row.main.taskFlag&&!_row.main.pass"> <i class="fa fa-flag"> </i> </span> <span class="badge badge-primary" ng-if="_row.main.taskFlag&&_row.main.pass"> <i class="fa fa-flag"> </i> <i class="fa fa-check"> </i> </span> </h3> </a> <a ng-if="!_row.main.id"> <h3 class="heading-md"> {{ _row.main.title }} </h3> </a> <a ui-sref="index.courses.course.section.video({ id: _row.main.id })"> <p ng-if="!_row.sub||_row.sub.length <1"> {{ _row.main.description }} </p> </a> <p ng-class="{'disable':course.disable}" ng-repeat="course in _row.sub" style="position: relative;"> <i class="fa fa-lock" tooltip-placement="top-right" uib-tooltip="{{'yet to start'|| translate}}"> </i> <a ui-sref="index.courses.course.section.video({ id: course.id })"> <strong> {{ course.idx }} </strong> {{ course.title }} <span class="badge badge-warning" ng-if="course.taskFlag&&!course.pass"> <i class="fa fa-flag"> </i> </span> <span class="badge badge-primary" ng-if="course.taskFlag&&course.pass"> <i class="fa fa-flag"> </i> <i class="fa fa-check"> </i> </span> </a> </p> </div> </div> </div> </div> </div>