UNPKG

unserver-unify

Version:

230 lines (228 loc) 10.9 kB
<div class="second_theme theme_6" ng-controller="CoursesCtrl as ctrl"> <div class="col-md-3"> <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 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> <div class="clearfix"></div> <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> </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 style="margin-left: 15px;" 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" 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> <div class="row margin-bottom-20" style="position: relative; top: -35px;"> <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="thumbnail thumbnailContent" ng-class="{'public':item.privacy!='private', 'private':item.privacy=='private'}"> <div class="thumbnail-img thumbnail-style relative"> <div ng-if="item.completed == true" class="completed_status transition" translate="">Completed</div> <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 }}" /> </a> <ul class="list-inline text-left course_btm"> <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> <span ng-if="item.newflag" class="list_new"> <img src="assets/images/new.gif"/> </span> <span ng-if="item.singlesection" class="badge badge-warning list_micro">{{'Micro'|translate}}</span> <div class="sticker bg-color-{{$index+1}}" ng-if="item.price">{{ctrl.currency}} {{ item.price | number : 2 }}</div> <div class="sticker bg-color-{{$index+1}}" ng-if="!item.price && currentSchool.paymentFlag && item.privacy=='fee'">Free</div> <div class="caption border-color-{{$index+1}}"> <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> <h3><a ui-sref="{{ item.courseurl }} ({ cid: item._id ,cs:getCheckSum(item._id) })" class="color-{{$index+1}}">{{ item.name }}</a></h3> <p class="clamped clamped-3" style="height: 4.8em;">{{ item.description }}</p> </div> </div> </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>