unserver-unify

<div class="info_page block-description" ng-controller="CFCourseCtrl as ctrl">  <div class="col-md-12 margin-bottom-20"> <div class="tag-box alter"> <div class="row"> <div class="text-center"> <h3 style="color: grey"> {{ ctrl.item.name }} </h3> </div> <div class="col-md-8 col-sm-6 col-xs-12 padding-right-0 padding-right-xs-15">  <img ng-src="{{ctrl.imageUrl}}" style="width: 100%"/> </div> <div class="col-md-4 col-sm-6 col-xs-12 course_desc padding-left-0 padding-left-xs-15 cfcourse_desc"> <div class="col-md-12"> <div style="float: left; width: 100%; border-bottom: 1px solid #ccc;"> </div> <h2> <span class="color-orange" ng-if="!timeUp" translate=""> Pre-book Courses in Progress </span> <span class="color-green" ng-if="timeUp && fundingResult" translate=""> Pre-book Courses Success </span> <span class="color-red" ng-if="timeUp && !fundingResult" translate=""> Pre-book Courses Failed </span> </h2> </div> <div class="progress_holder"> <div class="pull-left"> {{'Minimum Backers' | translate }} {{ctrl.item.mincounter}} </div> <div class="pull-right"> {{(ctrl.item.applications * 100)/ ctrl.item.mincounter |number:0}}% </div> <div class="clearfix"> </div> <div class="progress"> <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" class="progress-bar progress-bar-success" role="progressbar" style="width:{{(ctrl.item.applications * 100)/ ctrl.item.mincounter}}%"> </div> </div> </div> <div class="col-md-12"> <div class="cf_info margin-bottom-20" id="timer" ng-if="!timeUp"> <div class="cf_label"> {{'Countdown' | translate }} </div> <div class="cf_text alter"> <timer end-time="end" interval="1000" max-time-unit="'day'"> {{days}} {{'day' | translate }}{{daysS}} {{hours}} {{'hour' | translate }}{{hoursS}} {{minutes}} {{'minute' | translate }}{{minutesS}} {{seconds}} {{'second' | translate }}{{secondsS}} </timer> </div> </div> <div class="col-md-12"> <div class="col-md-12"> <div class="col-md-12">  <div ng-if="timeUp"> <div class="talk-bubble tri-right round btm-left"> <div class="talktext"> <p> {{ {eng:'Teacher is preparing the course',chn:'教师备课中'} | trans }}, <br> <b translate=""> Let's Join! </b> </br> </p> </div> </div> <div class="col-md-12" ng-if="ctrl.item.price"> <div class="cf_info"> <div class="cf_label"> {{'Course Price' | translate }} </div> <div class="cf_text"> {{ctrl.currency}} {{ctrl.item.price}} </div> </div> </div> </div>  <div ng-if="!timeUp"> <div class="col-md-6 border-left-1" ng-if="ctrl.item.price"> <div class="cf_info"> <div class="cf_label"> {{'Original Price' | translate }} </div> <div class="cf_text" ng-class="{strike:ctrl.item.countdown>0}" > {{ctrl.currency}} {{ctrl.item.price}} </div> </div> </div> <div class="col-md-6 col-xs-6 border-both-1" ng-if="ctrl.item.finalprice"> <div class="cf_info"> <div class="cf_label"> {{'Pre-sale Price' | translate }} </div> <div class="cf_text" ng-class="{strike:ctrl.item.countdown<1 }"> {{ctrl.currency}} {{ctrl.item.finalprice}} </div> </div> </div> </div> <div class="margin-bottom-20"> </div> <p> <b translate="course.teachers"> Teachers </b>: {{ ctrl.item.teacherNameStrList || 0}} </p> <button class="btn btn-info btn-block btn-bg" ng-click="lctrl.showCourseLoginDialog()" ng-controller="LoginCtrl as lctrl" ng-if="!loginService.isLogged" style="color:white; font-weight:bold"> {{ 'Enroll Now'|translate }} </button> <button class="btn btn-info btn-block btn-bg" ng-click="ctrl.enroll()" ng-if="loginService.isLogged&&!ctrl.diableEnrol" style="color:white; font-weight:bold"> {{ 'Enroll Now'|translate }} </button> <button class="btn btn-info btn-block" disabled="true" ng-if="loginService.isLogged&&ctrl.diableEnrol" style="color:white; font-weight:bold"> {{ 'Enrolled'|translate }} </button> <div class="margin-bottom-10"> </div> </div> </div> </div> <p> {{'Estimated Course Start Date' | translate }}: {{ctrl.item.openDate |date:'yyyy/MM/dd'}} </p> </div> </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> </div> </div> <div class="col-md-12 hidden-sm hidden-xs" ng-class="{'scroll_fixed':bottomFlag}" scroll="" style=""> <div class="inline_nav"> <div class="row"> <div class="container" ng-init="tab = 'overview'"> <ul class="nav navbar-nav" ng-class="{'sidebar_active':dropdown}"> <li ng-class="{active:tab == 'overview'}"> <a ng-click="scrollTo('overview');tab = 'overview'" translate=""> Overview </a> </li> <li ng-class="{active:tab == 'content'}" ng-if="ctrl.item.detail"> <a ng-click="scrollTo('content');tab = 'content'" translate=""> Content </a> </li> <li ng-class="{active:tab == 'teacher'}" ng-if="ctrl.item.teachers.length > 1"> <a ng-click="scrollTo('teacher');tab = 'teacher'" translate="course.teachers"> Teachers </a> </li> </ul> </div> </div> <div class="clearfix"> </div> </div> </div> <div class="col-md-12"> <div class="tag-box"> <div id="overview"> <div class="margin-bottom-20" ng-bind-html="ctrl.item.description"> </div> <div class="margin-bottom-20" ng-if="!ctrl.item.description" style="color:grey;font-size:17px;"> <i aria-hidden="true" class="fa fa-frown-o fa-2x"> </i> No Description yet ! </div> </div> <div class="margin-bottom-20"> </div> <div id="content" ng-if="ctrl.item.detail"> <div class="headline"> <h2 translate=""> Content </h2> </div> <div class="margin-bottom-20" ng-bind-html="ctrl.item.detail"> </div> </div> </div> <div class="inside" id="teacher" ng-if="ctrl.editors | notEmpty"> <div class="headline"> <h2 translate="course.teachers"> Teachers </h2>  </div> <div class="home_teacher_section"> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 padding-left-0 forum " ng-repeat="teacher in ctrl.editors" > <div class="tag-box tag-box-v3 thumbnail"> <a ui-sref="index.teacher.detail.summary({teacherloginname : teacher.username,cs:getCheckSum(teacher.username)})"> <img ng-if="teacher.photo" ng-src="{{ ctrl.teacherPicUrl + teacher._id +'/' + teacher.photo }}" title="{{ teacher.name }}"/> <img ng-if="!teacher.photo" ng-src="assets/images/default-person-icon.png" title="{{ teacher.name }}"/> <div class="caption"> <h5> {{ teacher.name }} </h5> <p> {{ teacher.title }} </p> </div> </a> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </div>