unserver-unify

<div class="sub_header"> <div class="container"> <div class="col-md-5 col-sm-5" ng-if="ctrl.course.photo || ctrl.course.video || ctrl.course.youtube"> <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 ng-class="{'col-md-7 col-sm-7': ctrl.course.photo || ctrl.course.video || ctrl.course.youtube || ctrl.course.mvpic, 'col-md-12': !ctrl.course.photo&&!ctrl.course.mvpic}"> <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" ui-sref=".result({courseParam:ctrl.course})" ng-if="!ctrl.editable" 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" 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="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 class="inner_content unformat" ng-model="ctrl.course.detail" ta-bind=""> </div> </div> <div class="row margin-bottom-30"> <div class="pull-right" ng-if="ctrl.course.assessment"> </div> </div> <div class="clearfix"></div> </div> </div> <div class="g-bg-img-hero u-bg-overlay g-bg-black-opacity-0_8--after g-py-40" style="background-image: url('assets/images/img12.jpg');"> <div class="container u-bg-overlay__inner"> <div class="shortcode-html course_quick_info">  <div class="row"> <div class="col-md-3">  <div class="text-center g-color-white g-letter-spacing-1" ng-click="ctrl.scrollToInfo()"> <span class="u-icon-v1 u-icon-size--xl g-mb-10"> <i class="fa fa-info"></i> </span> <span class="js-counter h2 d-block g-font-weight-500">{{ctrl.Annoucements.length || 0}}</span> <h4 class="h6 text-uppercase mb-0">Info</h4> </div>  </div> <div class="col-md-3">  <div class="text-center g-color-white g-letter-spacing-1" ng-click="ctrl.scrollToExam()"> <span class="u-icon-v1 u-icon-size--xl g-mb-10"> <i class="fa fa-pencil-square-o"></i> </span> <span class="js-counter h2 d-block g-font-weight-500">{{ctrl.displayedCollection.length || 0}}</span> <h4 class="h6 text-uppercase mb-0">Exam</h4> </div>  </div> <div class="col-md-3">  <div class="text-center g-color-white g-letter-spacing-1" ng-click="ctrl.scrollToAssignment()"> <span class="u-icon-v1 u-icon-size--xl g-mb-10"> <i class="fa fa-tasks"></i> </span> <span class="js-counter h2 d-block g-font-weight-500">{{assignmentitems.length || 0}}</span> <h4 class="h6 text-uppercase mb-0">Assignment</h4> </div>  </div> <div class="col-md-3">  <div class="text-center g-color-white g-letter-spacing-1" ui-sref="index.courses.course.knowledges"> <span class="u-icon-v1 u-icon-size--xl g-mb-10"> <i class="fa fa-bar-chart"></i> </span> <span class="js-counter h2 d-block g-font-weight-500">{{ctrl.kcount}}</span> <h4 class="h6 text-uppercase mb-0">Skills</h4> </div>  </div> </div>  </div> </div> </div> <div class="content_container"> <div class="container"> <div ng-if="tablelist.length == 0" class="no_record margin-bottom20" translate=""> Content Under Construction </div> <div class="col-md-6 col-sm-6 col-xs-12 img_course_content" ng-repeat="item in tablelist"> <div class="row"> <div class="col-xs-4"> <a href="javscript:;" class="image_square" ng-class="{'disable':item.disable}" ui-sref="index.courses.course.section.video({ id: item.id })"> <img ng-if="!item.photo" src="assets/images/arg/imgblock_6.jpg" style="width: 100%;" /> <img ng-if="item.photo" ng-src="{{ctrl.mvPhotoUrl+item.photo}}" style="width: 100%;" /> </a> <a href="javscript:;" ng-if="item.id" ng-class="{'disable':item.disable}" ui-sref="index.courses.course.section.video({ id: item.id })" class="launch_but">Launch</a> </div> <div class="col-xs-8 padding-left-0" ng-if="item.id"> <h2> <a href="javscript:;" ng-class="{'disable':item.disable}" ui-sref="index.courses.course.section.video({ id: item.id })">{{ item.title }}</a> <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> </h2> <p class="block-with-text">{{ item.description ? item.description : item.title }}</p> </div> <div class="col-md-8 padding-left-0" ng-if="!item.id"> <h2>{{ item.title }}</h2> <p class="block-with-text">{{ item.description ? item.description : item.title }}</p> </div> </div> </div> <div class="col-xs-12 no-padding-xs padding-right-0" style="margin-left:0px;" ng-if="ctrl.course.editors&&ctrl.course.editors.length> 0"> <div class="headline" > <h4 translate="course.teachers"> </h4> </div> <div class="teacher_container"> <course-teachers-component mainclass="col-md-6 padding-right-0" divclass1="col-md-4 col-xs-3 no-padding" divclass2="col-md-8 col-xs-9 padding-left-0" editors="ctrl.course.editors"> </course-teachers-component> </div> </div> <div class="clearfix"></div> <div ng-if="ctrl.course.theme !== 'sidebar'"> <div ng-include="'app/course/homecourseinformation.html'"> </div> <div ng-include="'app/course/homerelatedcourse.html'"> </div> </div> <session-table-list buildingflag="true" courseid="ctrl.id" ng-if="ctrl.course.theme!='mobile'" pageitemcount="5"> </session-table-list> <div class="row" ng-if="ctrl.course.theme!='mobile'" style="margin-top:20px;"> <div class="col-md-12 margin-bottom-30">  <div class="profile"> <div class="panel-heading overflow-h"> <h2 class="panel-title heading-sm pull-left"> <i class="fa fa-comments"> </i> {{'Leave Your Comments' | translate }} </h2> </div> <div class="panel-body white-bg margin-bottom-30"> <div class="media media-v2"> <a class="pull-left" href="#"> <img class="media-object rounded-x" height="80" ng-src="{{ ctrl.profileImg }}" width="80" /> </a> <div class="media-body"> <textarea class="form-control" name="content" ng-model="ctrl.commentscontent" placeholder="{{'Write your comments here' | translate }}..." required="" rows="5"> </textarea> <div class="clearfix margin-bottom-10"> </div> <button class="btn btn-u" ng-click="ctrl.sendComment()" ng-if="ctrl.commentscontent&&ctrl.commentscontent.length>1" style="padding-left:30px; padding-right:30px;" translate=""> Submit </button> </div> </div> </div> <div class="panel-heading overflow-h" ng-if="ctrl.commentscount>0"> <h2 class="panel-title heading-sm pull-left"> <i class="fa fa-comments"> </i> {{'Users Comments' | translate }} <span style="color:#337ab7;"> ({{ctrl.commentscount}}) </span> </h2> </div> <div class="panel-body white-bg" ng-if="ctrl.commentscount>0"> <div class="media media-v2" ng-repeat="topic in ctrl.coursetopics"> <a class="pull-left" ui-sref="index.setting.profile({ id: topic.author.loginname ,cs:getCheckSum(topic.author.loginname)})"> <img class="media-object rounded-x img_res_adj" height="80" ng-src="{{ topic.avatar_url }}" title="{{ topic.authorname }}" width="80" /> </a> <div class="media-body"> <h4 class="media-heading"> <strong> <a ui-sref="index.setting.profile({ id: topic.author.loginname ,cs:getCheckSum(topic.author.loginname)})"> {{ topic.author.fullname }} </a> </strong> @{{ topic.author.loginname }} <small> {{ topic.create_at | date: 'short' }} </small> <a class="pull-right color-red" ng-click="ctrl.delete(topic)" ng-if="loginService.user&&loginService.user.is_admin||loginService.user.grole=='admin'||loginService.user._id == topic.author_id" style="margin-top:15px;"> <i class="fa fa-remove expand-list rounded-x"> </i> </a> </h4> <p style="margin-right: 30px;"> {{topic.content}} </p> </div> </div> <button class="btn btn-info btn-block" ng-click="ctrl.getMore()" ng-if="ctrl.coursetopics.length<ctrl.commentscount"> More + </button> </div> </div>  </div> </div> </div> <div class="clearfix"></div> </div>