unserver-unify
Version:
309 lines (304 loc) • 13.3 kB
HTML
<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}}
<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>