UNPKG

unserver-unify

Version:

247 lines (245 loc) 11.3 kB
<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}} &nbsp; <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}} &nbsp; </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> &nbsp;{{"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> &nbsp;{{"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> &nbsp;{{"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> &nbsp;{{"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> &nbsp;{{"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}}&nbsp; </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> &nbsp;({{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'">&nbsp;</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"> &nbsp;({{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">&nbsp;</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>