UNPKG

unserver-unify

Version:

309 lines (304 loc) 13.3 kB
<div ng-controller="CourseinfosCtrl as ctrl"> <div class="fullwidth_category" ng-class="{'container':category}" ng-if="currentSchool.theme=='market'"> <ul class="fullwidth_dropdown"> <li> <a href="javascript:;" ng-click="ctrl.togglecat()">Category <i class="fa pull-right" ng-class="{'fa-angle-down':category,'fa-angle-right':!category}" ></i></a> <div class="secondlevel row" ng-class="{'active':category}"> <div class="col-lg-12"> <div class="row"> <div class="tab-v1"> <ul class="nav nav-tabs mobile_tab tab2" ng-init="showTab = 'tab1'" > <li class="active"> <a data-toggle="tab" ng-click="showTab = 'tab1'"> {{"Category"| translate}} </a> </li> <li ng-show="(loginService.school.homepage != 'fmas')"> <a data-toggle="tab" ng-click="showTab = 'tab2'"> {{"Course Type"| translate}} </a> </li> </ul> <div class="tab-content"> <div ng-class="{'profile-edit tab-pane fade':true, 'in active':showTab == 'tab1'}"> <ul> <li> <a href="">Customer Service</a> </li> <li> <a href="">Languages</a> </li> <li> <a href="">Healthcare</a> </li> <li> <a href="">Marketing and Branding</a> </li> <li> <a href="">Personal Development</a> </li> <li> <a href="">Finance</a> </li> <li> <a href="">Insurance</a> </li> <li> <a href="">Real Estate</a> </li> <li> <a href="">Legal</a> </li> <li> <a href="">Business</a> </li> <li> <a href="">Human Resource</a> </li> <li> <a href="">Arts and Entertainments</a> </li> <li> <a href="">Manufacuring</a> </li> <li> <a href="">IT</a> </li> </ul> </div> <div ng-class="{'profile-edit tab-pane fade':true, 'in active':showTab == 'tab2'}"> <ul> <li> <a href="">BambooCloud Learning</a> </li> <li> <a href="">Coursera</a> </li> <li> <a href="">Udemy</a> </li> <li> <a href="">Info only Courses</a> </li> </ul> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div> </li> </ul> </div> <div class="col-md-3" style="margin-top: 60px;"> <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}} &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}"> <li ng-class="{'sidebar_responsive_active':dropdown}"> <button class="btn btn-primary" ng-click="ctrl.toggledrop()" type="button"> <span class="fa fa-bars"> </span> </button> <ul class="list-group sidebar-nav-v1"> <li class="list-group-item side_hed"> <a class="form-inline" ng-click="ctrl.list('')" style="cursor:pointer; float:left;"> <strong style="float:left"> {{'All Courses' | translate}} </strong> </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> <div class="clearfix"> </div> </div> <div class="col-md-9"> <div class="forum"> <div> <div class="input-group col-lg-3 col-md-3 col-sm-3 top-search enable"> <input class="form-control" ng-model="ctrl.q" placeholder="{{ 'search course' | translate }}" style="min-width:200px;" type="text"/> <span class="input-group-btn srch_btn"> <button class="btn btn-primary" ng-click="ctrl.searchCourseByName(ctrl.q)" type="button"> <i class="fa fa-search"> </i> </button> </span> </div> <div class="form-inline pull-left ipad_count_aln" style="line-height: 40px;"> {{"Total Count"| translate}}: <span class="badge badge-green rounded-2x"> {{totalCount}} </span> </div> <div class="form-inline pull-right sorting sorting_adj"> <a class="hottest" ng-class="{'active': ctrl.sortmethod == 'visitercounter'}" ng-click="ctrl.getHotestCourses()"> <i class="glyphicon glyphicon-fire"> </i> {{"common.hotestcourses" | translate}} </a> <a class="latest" ng-class="{'active': ctrl.sortmethod == 'update'}" ng-click="ctrl.getNewCourses()"> <i class="fa fa-clock-o"> </i> {{"common.latestcourses" | translate}} </a> <a class="topest" ng-class="{'active': ctrl.sortmethod == 'top'}" ng-click="ctrl.getTopCourses()"> <i class="fa fa-graduation-cap"> </i> {{"common.topcourses" | translate}} </a> <a class="recommended" ng-class="{'active': ctrl.sortmethod == 'recommend'}" ng-click="ctrl.getPositionCourses()"> <i class="fa fa-thumbs-o-up"> </i> {{"common.recommenedcourses" | translate}} </a> </div> </div> </div> <div class="row margin-bottom-20"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" current-page="setting.currentPage" dir-paginate="lcourse in courses | itemsPerPage: setting.pageSize" pagination-id="setting.listName" total-items="setting.totalCount"> <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative" ng-class="{'public':lcourse.type=='bamboo', 'private':lcourse.type=='udemy'}" style="cursor: pointer;" ui-sref="{{lcourse.landingUrl}}"> <div class="thumbnail-img"> <div class="overflow-hidden text-center"> <a ui-sref="index.courseinfos.landing({cid: lcourse._id})"> <img alt="{{ lcourse.name }}" class="img-responsive" ng-src="{{lcourse.photourl }}" style="height:150px" title="{{ lcourse.name }}"/> </a> <span class="list_new" ng-if="lcourse.newflag"> <img src="assets/images/new.gif"/> </span> <span class="badge badge-warning list_micro" ng-if="lcourse.singlesection"> {{'Micro'|translate}} </span> </div> </div> <div class="thumbnail-text"> <div class="caption overflow-hidden clst" style="height:65px"> <div class="clearfix margin-bottom-10"> </div> <h3> <a class="hover-effect" target="_blank"> {{ lcourse.name }} </a> </h3> </div> <ul class="list-inline text-left" style="border-top:solid 1px white;padding-top: 5px; margin-bottom: 0px;"> <li class="padding-left-0"> <span style="font-weight: bold; color: #000;"> {{lcourse.schoolname||'Udemy'}} </span> </li> <li class="pull-right"> <i class="fa fa-eye" ng-if="lcourse.visitor"> </i> <span> {{lcourse.visitor}} </span> <span ng-if="lcourse.price"> {{lcourse.price}} </span> <span ng-if="!lcourse.visitor"> {{lcourse.author}} </span> </li> </ul> </div> </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 boundary-links="true" class="with-others" on-page-change="q='';setting.ctrl.pageChanged(newPageNumber)" pagination-id="setting.listName" template-url="components/content/dirPagination.tpl.html"> </dir-pagination-controls> </div> </div> </div> <!-- <table st-table="displayCourses" class="margin-bottom-20" st-safe-src="mycourses" > <tbody> <div class="row margin-bottom-20"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" ng-repeat="lcourse in displayCourses"> <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden" ng-class="{'public':lcourse.type=='bamboo', 'private':lcourse.type=='udemy'}" style="cursor: pointer;" ui-sref="{{lcourse.landingUrl}}" > <div class="thumbnail-img"> <div class="overflow-hidden text-center"> <a ui-sref="index.courseinfos.landing({cid: lcourse._id})"> <img alt="{{ lcourse.name }}" class="img-responsive" ng-src="{{lcourse.photourl }}" style="height:150px" title="{{ lcourse.name }}"/> </a> <span class="list_new" ng-if="lcourse.newflag"> <img src="assets/images/new.gif"/> </span> <span class="badge badge-warning list_micro" ng-if="lcourse.singlesection"> {{'Micro'|translate}} </span> </div> </div> <div class="thumbnail-text"> <div class="caption overflow-hidden clst" style="height:65px"> <div class="clearfix margin-bottom-10"> </div> <h3> <a class="hover-effect" target="_blank"> {{ lcourse.name }} </a> </h3> </div> <ul class="list-inline text-left" style="border-top:solid 1px white;padding-top: 5px; margin-bottom: 0px;"> <li class="padding-left-0"> <span style="font-weight: bold; color: #000;"> {{lcourse.schoolname||'Udemy'}} </span> </li> <li class="pull-right"> <i class="fa fa-eye" ng-if="lcourse.visitor"> </i> <span> {{lcourse.visitor}} </span> <span ng-if="false"> {{lcourse.price}} </span> <span ng-if="false"> {{lcourse.author}} </span> </li> </ul> </div> </div> </div> </div> </tbody> <tfoot> <tr> <td class="per_page" colspan="10"> <span class="text-center" st-items-by-page="9" st-pagination="" st-template="components/content/tablePagination.html"> </span> </td> </tr> </tfoot> </table> --> <h3 class="row text-center" ng-if="totalCount == 0" translate=""> No Result! </h3> </div> </div>