unserver-unify
Version:
205 lines (203 loc) • 7.87 kB
HTML
<div class="col-lg-12" ng-controller="CFCourseCtrl as ctrl">
<!-- Original code -->
<div class="theme_red" style="padding-top:0; padding-bottom:0;">
<div class="row">
<!-- show video if video available -->
<img ng-src="{{ctrl.imageUrl}}" style="width: 100%"/>
</div>
</div>
<span class="mbl_sticky_bottom">
<button class="btn btn-info btn-block" ng-click="lctrl.showCourseLoginDialog()" ng-controller="LoginCtrl as lctrl" ng-if="!loginService.isLogged" style="color:white;" translate>
Enroll Now
</button>
<button class="btn btn-info btn-block" ng-click="ctrl.enroll()" ng-if="loginService.isLogged&&!ctrl.diableEnrol" style="color:white;" translate>
Enroll Now
</button>
<button class="btn btn-info btn-block" disabled="true" ng-if="loginService.isLogged&&ctrl.diableEnrol" style="color:white;" translate>
Enrolled
</button>
</span>
<div class="clearfix"></div>
<div class="tab-pane">
<div class="tag-box row" style="margin-bottom: 20px;">
<div class="row">
<div class="forum">
<div class="content_heading_sec">
<div class="margin-bottom-10 blog-info" style="border:none;">
<strong>
{{ ctrl.item.name }}
</strong>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="row">
<span class="color-orange mbl_cftext" ng-if="!timeUp" translate="">
Pre-book Courses in Progress
</span>
<span class="color-green mbl_cftext" ng-if="timeUp && fundingResult" translate="">
Pre-book Courses Success
</span>
<span class="color-red mbl_cftext" ng-if="timeUp && !fundingResult" translate="">
Pre-book Courses Failed
</span>
<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>
<!--if time is up , show below snippet -->
<div ng-if="timeUp">
<div class="talk-bubble tri-right round btm-left">
<div class="talktext">
<p translate="">
Teacher is preparing the course
<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.item.price}}
</div>
</div>
</div>
</div>
<!--if time is not up , show below snippet -->
<div ng-if="!timeUp">
<div class="col-md-6 col-xs-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.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.item.finalprice}}
</div>
</div>
</div>
</div>
<div class="margin-bottom-20">
</div>
<p>
<b translate="course.teachers">
Teachers
</b>:
{{ ctrl.item.teacherNameStrList || 0}}
</p>
<div class="margin-bottom-10">
</div>
<p>
{{'Estimated Course Start Date' | translate }}: {{ctrl.item.openDate |date:'yyyy/MM/dd'}}
</p>
</div>
</div>
</div>
<div class="row">
<div class="headline">
<h2 translate="">
Content
</h2>
</div>
<div class="tag-box tag-box-v2">
<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="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>
<div class="footer_text margin-bottom-40">
{{'Powered by' | translate }}
<a class="color" href="http://bamboosys.com/" target="_blanck">
{{'BambooCloud' | translate }}
<sup>
®
</sup>
</a>
{{'Online Learning Platform' | translate }}
<div class="clearfix">
</div>
<a href="http://bamboosys.com/" target="_blanck">
www.bamboosys.com
</a>
</div>
<div class="clearfix"></div>
</div>