unserver-unify
Version:
247 lines (245 loc) • 11.3 kB
HTML
<div class="second_theme" ng-controller="CoursesCtrl as ctrl">
<div class="col-md-3 pull-right">
<div style="margin-right: -15px; margin-left: 15px;" class="input-group top-search enable">
<input class="form-control" type="text" ng-model="ctrl.q" ng-enter="ctrl.searchCourseByName(ctrl.q)" placeholder="{{ 'search course' | translate }}" />
<span class="input-group-btn">
<button class="btn btn-primary srch_btn" type='button' ng-click="ctrl.searchCourseByName(ctrl.q)">
<i class='fa fa-search'>
</i>
</button>
</span>
</div>
<script type="text/ng-template" id="menuTree.html">
<ul class="{(item.key==ctrl.option) ? 'active' : ''}} side-nav">
<i class="sidebar_arrow {{item.items.length>0 ? 'fa fa-angle-left':''}}" >
</i>
<a ng-click="ctrl.list(item.key)" class="{{(item.key==ctrl.option) ? 'active' : ''}} list">
<span style="cursor: pointer;">
{{item.title}}
<span ng-if='item.value==0' class="itm_cntr" style="width:auto!important">
{{item.counter||0}}
</span>
</span>
</a>
<ul class="second_level">
<li ng-repeat="item in item.items" ng-include="'menuTree.html'">
</li>
</ul>
</ul>
</script>
<ul class="sidebar_responsive" ng-class="{'sidebar_active':dropdown}" ng-if="!loginService.school.coursebyDepartment">
<li ng-class="{'sidebar_responsive_active':dropdown}">
<button type="button" class="btn btn-primary" ng-click="ctrl.toggledrop()">
<span class="fa fa-bars">
</span>
</button>
<ul class="list-group sidebar-nav-v1">
<li class="list-group-item side_hed">
<a style="float:left;" ng-click="ctrl.list('')">
<strong style="float:left">
{{"Filter" | translate}}
</strong>
<span class="btn-warning btn btn-xs pull-right">
{{"Reset" | translate}}
</a>
</li>
<li class="list-group-item" style="position:relative">
<a ng-class = "{'active': ctrl.sortmethod == 'visitercounter'}" ng-click="ctrl.getHotestCourses()" class="hottest">
<i class="glyphicon glyphicon-fire">
</i>
{{"common.hotestcourses" | translate}}
</a>
</li>
<li class="list-group-item" style="position:relative">
<a ng-class = "{'active': ctrl.sortmethod == 'update'}" ng-click="ctrl.getNewCourses()" class="latest">
<i class="fa fa-clock-o">
</i>
{{"common.latestcourses" | translate}}
</a>
</li>
<li class="list-group-item" style="position:relative">
<a ng-class = "{'active': ctrl.sortmethod == 'top'}" ng-click="ctrl.getTopCourses()" class="topest">
<i class="fa fa-graduation-cap">
</i>
{{"common.topcourses" | translate}}
</a>
</li>
<li class="list-group-item" style="position:relative">
<a ng-class = "{'active': ctrl.sortmethod == 'position'}" ng-click="ctrl.getPositionCourses()" class="recommended">
<i class="fa fa-thumbs-o-up">
</i>
{{"common.recommenedcourses" | translate}}
</a>
</li>
<li class="list-group-item" style="position:relative" ng-if="loginService.subDomain != 'caregiverasia'">
<a ng-class = "{'active': ctrl.sortmethod == 'star'}" ng-click="ctrl.getStarCourses()" class="hottest">
<i class="fa fa-star">
</i>
{{"common.starcourses" | translate}}
</a>
</li>
</ul>
<div class="clearfix"></div>
<ul class="list-group sidebar-nav-v1">
<li class="list-group-item side_hed">
<a ng-click="ctrl.list('')" style="cursor:pointer; float:left;" class="form-inline">
<strong style="float:left">
{{'All Courses' | translate}}
</strong>
<div class="form-inline" style="float:right">
<span class="badge badge-u rounded-3x">
{{ctrl.total||0}}
</span>
</div>
</a>
</li>
<li ng-repeat="item in catitems" ng-include="'menuTree.html'" class="list-group-item" style="position:relative" ng-if="item.counter||ctrl.show0item">
</li>
</ul>
</li>
</ul>
<ul ng-if="loginService.school.coursebyDepartment" class="list-group sidebar-nav-v1">
<li class="list-group-item" ng-class="{'active': ctrl.option == ''}">
<a style="cursor:pointer;" ng-click="ctrl.listdepartment('')">
<strong translate>
All
</strong>
<strong>
({{ctrl.totalCoursesCountUnderDepartment || 0}})
</strong>
</a>
</li>
<li class="list-group-item" ng-class="{'active': item.department == ctrl.department}" ng-repeat="item in ctrl.Departments">
<a href="javascript:void(0)" ng-click="ctrl.listdepartment(item.department)">
{{item.department}}
<span class="itm_cntr" style="width:auto!important" >
({{item.counter||0}})
</span>
</a>
</li>
</ul>
<div class="clearfix">
</div>
</div>
<div class="col-md-9">
<div class="row margin-bottom-20">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" pagination-id="setting.listName" dir-paginate="item in setting.items | itemsPerPage: setting.pageSize" total-items="setting.totalCount" current-page="setting.currentPage">
<div class="thumbnails thumbnail-style thumbnail-kenburn new_listing overflow-hidden relative" ng-class="{'public':item.privacy!='private', 'private':item.privacy=='private'}">
<span class="new_course" ng-if="item.newflag" translate="">
New Course
</span>
<div class="thumbnail-img">
<div ng-if="item.completed == true" class="completed_status transition" translate="">Completed</div>
<div class="overflow-hidden text-center">
<a ui-sref="{{item.courseurl}}({ cid: item._id,cs:getCheckSum(item._id) })">
<img class="img-responsive" ng-src="{{item.photo? ctrl.coursePhotoUrl+item._id +'/'+ item.photo : (item.mvpic? ctrl.subjectPicUrl+ item.mvpic : ctrl.defaultpic)}}" title="{{ item.name }}" alt="{{ item.name }}" style="height:150px;" />
</a>
<span ng-if="item.singlesection" class="badge badge-warning list_micro" >{{'Micro'|translate}}</span>
</div>
</div>
<!-- <div class="bookmark">
<span ng-if="item.privacy!='public'"> {{ {eng:'Limited', chn:'专属课程'}|trans }}</span>
<span ng-if="item.privacy=='public'"> </span>
<img src="assets/images/public.png" class="pblc">
<img src="assets/images/private.png" class="prvt">
</div> -->
<div class="list_rating">
<span ng-if="!item.rating" class="average dummy_avg">
<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 ng-if="item.rating" class="average">
<average-star-rating rating-value="item.rating" max="5">
</average-star-rating>
<span ng-if="item.rating">
{{item.rating.toString().substring(0,3)}}/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="{{item.courseurl}}({ cid: item._id,cs:getCheckSum(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" uib-tooltip="{{'Enrolled Users' | translate}}">
<i class="fa fa-users">
</i>
<span >
{{item.enrolledcounter}}
</span>
</li>
<li class="padding-left-0" uib-tooltip="{{'Views' | translate}}">
<i class="fa fa-eye">
</i>
<span >
{{item.visitercounter}}
</span>
</li>
<li class="pull-right" uib-tooltip="{{'Creater' | translate}}">
<span >
{{item.creatorfullname||item.creater}}
</span>
</li>
</ul>
</div>
<div ng-if="item.infoOnlyFlag && currentSchool.infoOnlyCourseFlag" class="ribbon-horizontal-right margin-right-10 missedAnswer">
<ul class="crs_info list-inline">
<li>
<i class="fa fa-users"> </i> {{'Classroom' | translate }}
</li>
</ul>
</div>
</div>
</div>
<div class="row" ng-show="setting.totalCount >setting.pageSize">
<div class="col-md-12 forum">
<div class="tag-box tag-box-v6 margin-bottom-20 text-right clearfix">
<dir-pagination-controls pagination-id="setting.listName" boundary-links="true" template-url="components/content/dirPagination.tpl.html" on-page-change="q='';setting.ctrl.pageChanged(newPageNumber)" class="with-others">
</dir-pagination-controls>
</div>
</div>
</div>
<h3 class="row text-center" ng-if="setting.items.length == 0" translate style="padding-top: 14%">
Your search did not match with any courses, modify your keyword and try again
</h3>
</div>
</div>