unserver-unify
Version:
262 lines (260 loc) • 12.2 kB
HTML
<div ng-controller="GsxCoursesCtrl as ctrl">
<div class="block-description white-bg" ng-class="{'scroll_fixed':bottomFlag}" scroll="" style="padding-bottom: 0 !important;">
<div class="slider slider_full_middle relative" style="background:#ccc;">
<div class="carousel-inner">
<div class="item active">
<div class="text-center">
<img src="assets/images/gsx_bg.jpg" style="top: 110%" />
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3">
<script id="menuTree.html" type="text/ng-template">
<ul class="{(item.key==ctrl.option) ? 'active' : ''}} side-nav">
<i class="sidebar_arrow {{item.items.length>0 ? 'fa fa-angle-right':''}}" >
</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 gsx_sidebar">
<li style="position:relative" class="list-group-item {(''==ctrl.option) ? 'active' : ''}} side-nav">
<a class="{{(''== ctrl.option) ? 'active' : ''}} list" ng-click="ctrl.list('')">
<span style="cursor: pointer;">
<strong style="float:left">
{{ {eng:'All Online Courses',chn:'所有线上课程'} | trans }}
</strong>
<span class="itm_cntr" style="width:auto!important">
({{ctrl.total||0}})
</span>
</span>
</a>
</li>
<li class="list-group-item" ng-if="item.counter||ctrl.show0item" ng-include="'menuTree.html'" ng-repeat="item in catitems" style="position:relative">
</li>
</ul>
</li>
</ul>
<ul class="list-group sidebar-nav-v1" ng-if="loginService.school.coursebyDepartment">
<li class="list-group-item" ng-class="{'active': ctrl.option == ''}">
<a ng-click="ctrl.listdepartment('')" style="cursor:pointer;">
<strong translate="">
All
</strong>
<strong>
({{ctrl.totalCoursesCountUnderDepartment}})
</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">
<span ncy-breadcrumb="" ng-if="(!hideHeader || currentSchool.courseTheme =='default' || !currentSchool.courseTheme) && loginService.subDomain != 'poiz'" class="breadcrumb_inside"></span>
<ul class="inside_menu">
<li class="active">
<a href="javascript:;" ui-sref="index.courses">
<span translate="">Online Course</span>
<span class="badge badge-light rounded-2x">
{{setting.totalCount}}
</span>
</a>
</li>
<li>
<a href="javascript:;" ui-sref="index.ofcourses" translate="">
Offline Course
</a>
</li>
<li>
<a href="javascript:;" ui-sref="index.cfcourses" translate="">
Pre-book Course
</a>
</li>
</ul>
<ul class="sublevel_menu">
<li>
<a class="hottest" ng-class="{'active': ctrl.sortmethod == ''}" ng-click="ctrl.getAllCourses()">
{{"All" | translate}}
</a>
</li>
<li>
<a class="hottest" ng-class="{'active': ctrl.sortmethod == 'visitercounter'}" ng-click="ctrl.getHotestCourses()">
{{"common.hotestcourses" | translate}}
</a>
</li>
<li>
<a class="latest" ng-class="{'active': ctrl.sortmethod == 'update'}" ng-click="ctrl.getNewCourses()">
{{"common.latestcourses" | translate}}
</a>
</li>
<li>
<a class="topest" ng-class="{'active': ctrl.sortmethod == 'top'}" ng-click="ctrl.getTopCourses()">
{{"common.topcourses" | translate}}
</a>
</li>
<li>
<a class="recommended" ng-class="{'active': ctrl.sortmethod == 'position'}" ng-click="ctrl.getPositionCourses()">
{{"common.recommenedcourses" | translate}}
</a>
</li>
<li>
<a class="hottest" ng-class="{'active': ctrl.sortmethod == 'star'}" ng-click="ctrl.getStarCourses()" ng-if="loginService.subDomain != 'caregiverasia'">
{{"common.starcourses" | translate}}
</a>
</li>
</ul>
<div class="forum">
<div class="input-group col-lg-3 col-md-3 col-sm-3 top-search enable">
<input class="form-control" type="text" ng-model="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>
</div>
<div class="clearfix"></div>
<div class="row gsx_course">
<!-- <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" current-page="setting.currentPage" dir-paginate="item in setting.items | itemsPerPage: setting.pageSize" pagination-id="setting.listName" total-items="setting.totalCount"> -->
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" ng-repeat="item in setting.items" >
<div class="thumbnails thumbnail-style new_listing overflow-hidden">
<span class="new_course" ng-if="item.newflag" translate="">
New
</span>
<div class="thumbnail-img">
<div class="overflow-hidden">
<a ui-sref="{{item.courseurl}}({ cid: item._id ,cs:getCheckSum(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)}}" 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="{{item.courseurl}}({ cid: item._id ,cs:getCheckSum(item._id) })">
<span class="btn-more prvt_btn" ng-if="item.privacy!='public'">
{{ {eng:'Private ...', chn:'专属课程...'}|trans }}
</span>
<span class="btn-more" ng-if="item.privacy=='public'">
{{'More'|translate}} +
</span>
</a> -->
</div>
</div>
<div class="thumbnail-text">
<div class="caption overflow-hidden clst text-center">
<h3>
<a class="hover-effect" ui-sref="{{item.courseurl}}({ cid: item._id,cs:getCheckSum(item._id) })">
{{ item.name }}
</a>
</h3>
<p>
{{ item.description }}
</p>
<div class="list_rating">
<ng-rate-it ng-model="$ctrl.model.rating" class="custom" read-only="true"></ng-rate-it>
</div>
<ul class="course_info">
<li>
<img src="../assets/images/eye_icon.png">
<span>
{{item.visitercounter}}
</span>
</li>
<li>
<img src="../assets/images/comment_icon.png">
<span>
{{$ctrl.model.commentcounter || 0}}
</span>
</li>
<li>
<i class="fa fa-user">
</i>
<span>
{{item.enrolledcounter}}
</span>
</li>
</ul>
</div>
</div>
<div class="clearfix"></div>
<!-- <ul class="list-inline text-left course_btm" ng-style="coursebtmStyle">
<li class="padding-left-0">
<span uib-tooltip="{{'Enrolled Users' | translate}}">
<i class="fa fa-user">
</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 class="clearfix"></div>
<div class="text-center">
<button ng-if="setting.items.length < setting.totalCount" class="btn btn-xs btn_loadmore" ng-click="ctrl.loadMore()">Load More</button>
</div>
</div>
<!-- <div class="row" ng-show="setting.totalCount >setting.pageSize">
<div class="col-md-12 forum">
<div class="text-right pagination_aln">
<dir-pagination-controls boundary-links="true" class="with-others" on-page-change="ctrl.pageChanged(newPageNumber)" pagination-id="setting.listName" template-url="components/content/dirPagination.tpl.html">
</dir-pagination-controls>
</div>
</div>
</div> -->
<h3 class="row text-center" ng-if="setting.items.length == 0" translate="">
No Result!
</h3>
</div>
</div>
</div>
</div>