unserver-unify
Version:
202 lines (201 loc) • 8.69 kB
HTML
<div class="info_page block-description" ng-controller="BundleCtrl as ctrl">
<!-- Original code -->
<div class="col-md-12">
<div class="tag-box">
<div class="headline">
<h3>
{{ ctrl.item.name }}
</h3>
</div>
<div class="" style="position: absolute; right:30px; top:7px;">
<button class="btn btn-info" ng-click="ctrl.apply()" ng-if="!ctrl.applied" style="color:white; font-weight:bold" translate="">
Enroll for Free
</button>
<button class="btn btn-warning" ng-if="ctrl.applied" translate="">
Waiting for Approval
</button>
</div>
<div class="col-md-9 col-sm-7 col-xs-12 padding-left-0 padding-right-xs-15">
<!-- show video if video available -->
<img ng-src="{{ctrl.imageUrl}}" class="pull-left" style="width: 35%; margin-right: 15px; margin-bottom: 5px;" />
<div class="left-inner company_info pull-left" style="width: 62%; text-align: justify;">
<div id="overview">
<i ng-bind-html="ctrl.item.description">
</i>
<div class="text-center" 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' | translate}} !
</div>
</div>
<div id="content" ng-if="ctrl.item.detail">
<div ng-bind-html="ctrl.item.detail">
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-5 col-xs-12 course_desc padding-left-0 padding-left-xs-15 cfcourse_desc">
<div class="margin-bottom-20">
</div>
<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>
<div ng-if="loginService.isLogged&&!ctrl.enrolled">
<div ng-if="ctrl.item.price&&ctrl.item.payment">
<div class="cf_info">
<div class="cf_label" translate="">
Price
</div>
<div class="cf_text">
{{ctrl.currency}} {{ctrl.item.price}}
</div>
</div>
</div>
<button class="btn btn-u btn-block btn-bg" ng-click="ctrl.buy()" ng-if="ctrl.item.price&&ctrl.item.payment" style="color:white; font-weight:bold" translate="">
Buy Now
</button>
<div class="margin-bottom-20"></div>
<div ng-if="ctrl.item.couponFlag&&ctrl.item.payment">
<div class="cf_info">
<div class="cf_label">
{{'Use Your Coupon' | translate}}!
</div>
</div>
</div>
<button class="btn btn-info btn-block btn-bg" ng-click="ctrl.coupon()" ng-if="ctrl.item.couponFlag&&ctrl.item.payment" style="color:white; font-weight:bold" translate="">
Coupon
</button>
</div>
<div class="margin-bottom-10">
</div>
</div>
<div class="clearfix">
</div>
</div>
<div class="margin-bottom-20"></div>
<div class="row">
<div class="col-md-12">
<div class="headline">
<h2 translate="">Courses</h2>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 padding-left-0 forum" ng-repeat="item in ctrl.courses">
<div class="thumbnails thumbnail-style thumbnail-kenburn new_listing overflow-hidden relative">
<span class="new_course" ng-if="item.newflag" translate="">
New Course
</span>
<div class="thumbnail-img">
<div class="overflow-hidden text-center">
<a ui-sref="index.courses.info({ cid: item._id })">
<img alt="{{ item.name }}" class="img-responsive" ng-src="{{item.photo? ctrl.coursePhotoUrl+item._id +'/'+ item.photo : (item.mvpic? ctrl.subjectPicUrl+ item.mvpic : ctrl.defaultpic)}}" style="height:135px;" title="{{ item.name }}"/>
</a>
<span class="badge badge-warning list_micro" ng-if="item.singlesection">
{{'Micro'|translate}}
</span>
<a class="btn-more hover-effect" ui-sref="index.courses.info({ cid: item._id})">
<span class="btn-more prvt_btn" ng-if="item.privacy=='private'" translate="">
Private ...
</span>
<span class="btn-more prvt_btn" ng-if="item.privacy=='member'">
{{ {eng:'Member ...', chn:'会员课程...'}|trans }}
</span>
<!-- <span class="btn-more" ng-if="item.privacy=='public'">
{{'More'|translate}} +
</span> -->
</a>
</div>
</div>
<div class="list_rating">
<span class="average dummy_avg" ng-if="!item.rating">
<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>
<span class="average" ng-if="item.rating">
<average-star-rating max="5" rating-value="item.rating">
</average-star-rating>
<span ng-if="item.rating">
{{item.rating|number :2}}/5
</span>
</span>
<span class="list_reviews">
({{item.ratingcounter||0}} {{'reviews'|translate}})
</span>
</div>
<div class="clearfix">
</div>
<div class="caption overflow-hidden clst">
<h3>
<a class="hover-effect" ui-sref="index.courses.info({ cid: item._id })">
{{ item.name }}
</a>
</h3>
<p class="product_price" ng-if="item.price">
{{ctrl.currency}} {{ item.price | number : 2 }}
</p>
<p class="product_price" ng-if="!item.price && currentSchool.paymentFlag && lcourse.privacy=='fee'">
{{ctrl.currency}} {{'Free' | translate}}
</p>
<p>
{{ item.description }}
</p>
</div>
<ul class="list-inline text-left course_btm" ng-style="coursebtmStyle">
<li class="padding-left-0">
<span ng-if="loginService.subDomain != 'caregiverasia'" uib-tooltip="{{'Enrolled Users' | translate}}">
<i class="fa fa-users">
</i>
<span>
{{item.enrolledcounter}}
</span>
</span>
<span uib-tooltip="{{'Views' | translate}}">
<i class="fa fa-eye">
</i>
<span>
{{item.visitercounter}}
</span>
</span>
</li>
<li class="pull-right" ng-if="item.privacy!='fee'">
<span uib-tooltip="{{'Creater' | translate}}">
{{item.creatorfullname||item.creater}}
</span>
</li>
<li class="pull-right list_price" ng-if="item.privacy=='fee'">
<span ng-if="item.price" uib-tooltip="{{'Price' | translate}}">
${{item.price}}
</span>
<span ng-if="!item.price" uib-tooltip="{{'Price' | translate}}">
Free
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix">
</div>