UNPKG

unserver-unify

Version:

202 lines (201 loc) 8.69 kB
<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>