unserver-unify

<div ng-controller="TeacherInfoCtrl as ctrl" class="teacher_page gsx_teacher_page"> <div class="block-description white-bg" ng-class="{'scroll_fixed':bottomFlag}" scroll="" style="padding-bottom: 0 !important;"> <div class="slider slider_full_middle relative" style="background:#ccc;"> <div class="carousel-inner"> <div class="item active"> <div class="text-center"> <img src="assets/images/gsx_bg.jpg" style="top: 110%" /> </div> </div> </div> </div> </div> <div class="row"> <div class="container"> <div class="col-md-10 col-md-offset-1 col-xs-12"> <div class="col-md-12 col-sm-12"> <span ncy-breadcrumb="" ng-if="(!hideHeader || currentSchool.courseTheme =='default' || !currentSchool.courseTheme) && loginService.subDomain != 'poiz'" class="breadcrumb_inside"></span> </div>  <div class="col-md-4 col-sm-4"> <div class="teacher_profile white-bg"> <img ng-src="{{ctrl.teacherPicUrl}}{{ctrl.teacherinfo._id}}/{{ctrl.teacherinfo.photo}}"/> <video controls="" ng-if="ctrl.teacherinfo.video" style="width:100%;"> <source ng-src="{{ctrl.videoUrl}}" type="video/mp4" /> Your browser does not support the video tag. </video> <div class="clearfix"></div> </div> </div>   <div class="col-md-8 col-sm-8"> <div class="white-bg"> <div class="headline"> <h4> Description </h4> </div> <p>{{ctrl.teacherinfo.description}}</p> <p ng-bind-html="ctrl.teacherinfo.detail"></p> </div> <div class="teacher_info"> <div class="headline"> <h4> Teacher </h4> </div> <div class="teacher_information"> <span> <b> {{'Name'|translate}} </b> {{ctrl.teacherinfo.name}} </span> <span> <b> {{'specialization'|translate}} </b> {{ctrl.teacherinfo.title}} </span> <span ng-if="ctrl.teacherinfo.languages|notEmpty"> <b> {{'Languages'|translate}} </b> <div ng-repeat="info in ctrl.teacherinfo.languages" style="float: left; margin-right: 10px;"> {{info.language}} <span class="info_text"> ({{info.level}}) </span> </div> </span> <span> <b> {{'Course'|translate}} </b> {{ctrl.coursecounter}} </span> <span ng-if="ctrl.teacherinfo.skills|notEmpty"> <b> {{'Skills'|translate}} </b> <div ng-repeat="skill in ctrl.teacherinfo.skills"> {{skill}} </div> </span> <span> <b> {{'Location'|translate}} </b> {{ctrl.teacherinfo.country}} </span> <span> <b> {{'Member since'|translate}} </b> {{ctrl.teacherinfo.created | date :'yyyy-MM-dd'}} </span> <span ng-if="averageRating" style="border-bottom: none;"> <b> {{'Ratings'|translate}} </b> <div class="average" style="position:relative; top:-10px;"> <average-star-rating max="5" rating-value="averageRating"> </average-star-rating> <span>   {{averageRating}}/5 ({{ctrl.teacherinfo.ratingCounter||0}} {{'Review'|translate}}) </span> </div> </span> </div> <div class="margin-bottom-10"></div> <button class="btn btn_gsx" ng-click="ctrl.sendmessage()" style="margin-right:10px;" translate="" ng-if="loginService.isLogged"> Contact Teacher </button> <button class="btn btn_gsx" ng-click="lctrl.showCourseLoginDialog()" ng-controller="LoginCtrl as lctrl" style="margin-right:10px;" translate="" ng-if="!loginService.isLogged"> Contact Teacher </button> </div> </div>  <div class="margin-bottom-20"></div>  <div class="col-md-12 white-bg"> <div class="headline"> <h4> Courses </h4> </div> <div ng-if="ctrl.coursesinfo.length <= 0" class="no_record"> No courses created right now </div> <div class="row gsx_course"> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12" ng-repeat="kos in ctrl.coursesinfo | filter: { publish: true }"> <div class="thumbnails thumbnail-style new_listing overflow-hidden"> <div class="thumbnail-img"> <div class="overflow-hidden"> <a ui-sref="{{kos.courseurl}}({ cid: kos._id ,cs:getCheckSum(kos._id)})"> <img ng-if="kos.photo" alt="BambooCloud Feature Introduction" class="img-responsive" ng-src="{{ctrl.coursePhotoUrl+kos._id +'/'+ kos.photo}}" title="BambooCloud Feature Introduction"/> <img ng-if="!kos.photo" src="../assets/images/course.png" /> </a> </div> </div> <div class="thumbnail-text"> <div class="caption overflow-hidden clst text-center"> <h3> <a href="javascript:;" class="hover-effect" ui-sref="{{kos.courseurl}}({ cid: kos._id ,cs:getCheckSum(kos._id)})"> {{kos.name}} </a> </h3> <p> {{kos.description}} </p> <div class="list_rating"> <ng-rate-it ng-model="$ctrl.model.rating" class="custom" read-only="true"> </ng-rate-it> </div> <ul class="course_info"> <li> <img src="../assets/images/eye_icon.png"> <span> {{kos.visitercounter || 0}} </span> </li> <li> <img src="../assets/images/comment_icon.png"> <span> {{kos.commentcounter || 0}} </span> </li> <li> <i class="fa fa-user"> </i> <span> {{kos.usercounter || 0}} </span> </li> </ul> </div> </div> </div> </div> </div> <div class="clearfix"></div> <div class="headline"> <h4> Review </h4> </div> <div class="row"> <div class="col-lg-12 white-bg"> <div class="margin-bottom-20"></div> <div ng-repeat="comment in ctrl.comments"> <div class="col-md-2 commenter padding-left-0"> <img ng-src="{{comment.avatar}}"/> <span class="author"> <span translate=""> Reviewed by </span> {{comment.user.fullname||comment.loginname}} </span> </div> <div class="col-md-10 no-padding"> <div class="average full-width"> <average-star-rating max="5" rating-value="comment.averageRating"> </average-star-rating> <span> {{comment.averageRating}}/5 </span> <span style="float:right; font-size: 12px; color:#ccc;"> {{comment.date|date:short}} </span> <div class="clearfix"> </div> <p> {{comment.comment}} </p> </div> <div class="clearfix"> </div> <hr/> </div> <div class="margin-bottom-20"> </div> </div> <div ng-if="ctrl.showassessment"> <div class="col-md-2 commenter"> <img ng-src="{{ loginService.user.avatar ? ctrl.imagePicUrl + loginService.user._id+'/'+loginService.user.avatar:ctrl.defaultPersonPhotoUrl }}"/> <span class="author"> <span> Give Review </span> {{loginService.user.fullname}} </span> </div> <div class="col-md-10 no-padding"> <div class="full-width"> <span uib-rating ng-model="ctrl.ratings" max="5" on-hover="hoveringOver(value)" state-on="'fa fa-star'" state-off="'fa fa-star off'" class="custom_rating" ></span>  <span class="rating_value" ng-if="ctrl.ratings">{{ctrl.ratings}}/5</span> <div class="margin-bottom-5"> </div> <div ng-if="!ctrl.ratings" class="rating_text"> Rate this teacher by giving stars to them </div> <textarea ng-if="ctrl.ratings" ng-model="ctrl.ratingcomment" class="form-control" placeholder="{{ 'Enter your Review'|translate }}"></textarea> <div class="margin-bottom-15"></div> <button ng-if="ctrl.ratings&&ctrl.ratingcomment.length>3" ng-click="ctrl.reviewSubmit()" class="btn btn-info pull-right">Submit</button> </div> <div class="clearfix"> </div> </div> <div class="margin-bottom-20"> </div> </div> </div> </div> </div>  </div> </div> </div> <div class="margin-bottom-40"></div> </div>