unserver-unify
Version:
268 lines (266 loc) • 11.7 kB
HTML
<style>
.parallax-team {
background: url(assets/images/hand.jpg) 50% 0 repeat fixed;
color: #fff;
}
</style>
<div class="gsx_home" ng-controller="gsxHomeCtrl as ctrl">
<div class="slider slider_full_middle">
<img ng-if="!currentSchool" ng-src="{{publicUrl}}bamboobanner.jpg" />
<div active="active" interval="myInterval" ng-if="currentSchool && slides && slides.length >0" uib-carousel="">
<div index="$index" ng-repeat="slide in slides" uib-slide="">
<img ng-src="{{schoolUrl+slide.img}}" />
<div class="banner_text">
<div class="container">
<div class="col-md-10 col-md-offset-1" style="padding:0 5%;">
<h2 translate="">
Courses that caters to your interest
</h2>
<div class="search_container">
<div class="srch">
<div class="clearfix">
</div>
<input ng-model="ctrl.searchObj.name" placeholder="{{ 'Start Searching' | translate }}" type="text" />
</div>
<div class="fld">
<ui-select ng-model="ctrl.searchObj.industry" theme="selectize" title="Choose Your Field">
<ui-select-match placeholder="{{ 'Field of Study' | translate }}">
{{$select.selected}}
</ui-select-match>
<ui-select-choices position="down" repeat="fd in ctrl.fields | filter: $select.search">
<small ng-bind-html="fd | highlight: $select.search">
</small>
</ui-select-choices>
</ui-select>
</div>
<div class="drtn">
<bb-dropdown model="ctrl.searchObj.type" name="Course Type" options="ctrl.courseTypeOpts">
</bb-dropdown>
</div>
<!--<div class="drtn">
<bb-dropdown model="ctrl.searchObj.training_duration" name="Duration" options="ctrl.durationOpts">
</bb-dropdown>
</div>-->
<button class="btn btn-u pull-right" ng-click="ctrl.searchCourses(ctrl.searchObj)" type="button">
{{'Search' | translate}}
</button>
</div>
<!-- <input placeholder="Type" type="text" ng-model="ctrl.searchObj.type"/>
<input placeholder="Start" type="date" ng-model="ctrl.searchObj.timestart"/>
<input placeholder="End" type="date" ng-model="ctrl.searchObj.timestop"/>
<input placeholder="min price" type="number" ng-model="ctrl.searchObj.minprice"/>
<input placeholder="max price" type="number" ng-model="ctrl.searchObj.maxprice"/> -->
</div>
</div>
</div>
</div>
</div>
<img ng-if="currentSchool && (!slides || slides.length == 0)" ng-src="{{currentSchool.bar ? schoolUrl+currentSchool.bar : publicUrl + 'Banner_e.png'}}" style="width:100%;" />
</div>
<div class="clearfix">
</div>
<div class="container animated fadeInRight homepage_sec">
<!--=== Content Part ===-->
<div class="content">
<div class="row">
<div class="col-md-12 home_tab home_new gsx_course">
<div class="row" ng-if="ctrl.topCourses.length > 0 ">
<div class="col-md-12">
<div class="headline">
<h2>
{{'Recommended Online Courses'|translate }}
</h2>
</div>
<slick infinite="false" responsive="resp">
<div class="col-md-3 padding_half" ng-repeat="lcourse in ctrl.topCourses">
<gsx-card options="lcourse" type="Course">
</gsx-card>
</div>
</slick>
</div>
</div>
<div class="row" ng-if="ctrl.ofcourses.length > 0 ">
<div class="col-md-12">
<div class="headline">
<h2>
{{'Recommended Offline Courses'|translate }}
</h2>
</div>
<div class="col-md-3 padding_half" ng-repeat="lcourse in ctrl.ofcourses">
<div class="thumbnails thumbnail-style new_listing overflow-hidden" ui-sref="index.ofcourses.info({cid:lcourse._id})">
<div class="thumbnail-img">
<div class="overflow-hidden">
<a href="javascript:;">
<img alt="{{ lcourse.name }}" class="img-responsive" ng-src="{{lcourse.photourl }}" title="{{ lcourse.name }}" />
</a>
</div>
</div>
<div class="thumbnail-text">
<div class="caption overflow-hidden clst text-center">
<h3>
<a class="hover-effect" href="javascript:;" target="_blank">
{{ lcourse.name }}
</a>
</h3>
<p>
{{ lcourse.description }}
</p>
<div class="list_rating">
<ng-rate-it class="custom" ng-model="lcourse.rating" read-only="true">
</ng-rate-it>
</div>
<ul class="course_info">
<li>
<img src="../assets/images/eye_icon.png">
<span>
{{lcourse.views || 0}}
</span>
</img>
</li>
<li>
<img src="../assets/images/comment_icon.png">
<span>
{{lcourse.commentcounter || 0}}
</span>
</img>
</li>
<li>
<i class="fa fa-user">
</i>
<span>
{{lcourse.applications || 0}}
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" ng-if="ctrl.instructorList.length > 0 ">
<div class="col-md-12">
<div class="headline" ng-if="ctrl.topCourses.length > 0 ">
<h2>
{{'Recommended Instructor'|translate }}
</h2>
</div>
<slick infinite="false" responsive="resp">
<div class="col-md-3 padding_half no_loading" ng-repeat="item in ctrl.instructorList">
<gsx-card options="item" type="Instructor">
</gsx-card>
</div>
</slick>
</div>
</div>
<div class="row" ng-if="ctrl.topCourses.length > 0 ">
<div class="col-md-12">
<div class="headline" ng-if="ctrl.topCourses.length > 0 ">
<h2>
{{'Recommended Institutions'|translate }}
</h2>
</div>
<slick infinite="false" responsive="resp">
<div class="col-md-3 padding_half" ng-repeat="item in ctrl.instituteList">
<gsx-card options="item" type="Institute">
</gsx-card>
</div>
</slick>
</div>
</div>
<div class="clerafix">
</div>
</div>
</div>
</div>
</div>
<div class="row home_new">
<div class="parallax-team parallaxBg">
<div class="container">
<div class="col-md-12" style="padding: 0 50px;">
<h2 class="title-v2 title-center">
{{ {eng:'Learning from',chn:'学习要到'} | trans }} {{currentSchool.name}}
</h2>
<div class="col-md-5 padding-right-0 col-sm-12 col-xs-12">
<img src="../assets/images/open_icon.png">
<h4>
<span style="font-size:20px">
{{ {eng:'Open',chn:'开放'} | trans }}
</span>
</h4>
<div class="clearfix">
</div>
<p>
{{ {eng:'An open online learning ecosystem on technical level and participant level',chn:'一个完全开放的在线学习生态系统；技术层面的开放和平台参与者的开放'} | trans }}
</p>
</img>
</div>
<div class="col-md-5 pull-right padding-left-0 col-sm-12 col-xs-12">
<img src="../assets/images/learn_icon.png">
<h4>
<span style="font-size:20px" translate="">
Learn
</span>
</h4>
<div class="clearfix">
</div>
<p>
{{ {eng:'Online courses creation, management and publication; Question banks and exam modules creation and management',chn:'在线课程创建、管理和发布；题库和考试模块的创建；我的学习空间'} | trans }}
</p>
</img>
</div>
<div class="margin-bottom-20">
</div>
<div class="col-md-5 padding-right-0 col-sm-12 col-xs-12">
<img src="../assets/images/collaborate_icon.png">
<h4>
<span style="font-size:20px">
{{ {eng:'Collaboration',chn:'协作'} | trans }}
</span>
</h4>
<div class="clearfix">
</div>
<p>
{{ {eng:'Virtual real-time classroom; Real time classroom with interactive whiteboard; Exam and assignment review',chn:'虚拟的实时课堂和可互动的白板'} | trans }}
</p>
</img>
</div>
<div class="col-md-5 pull-right padding-left-0 col-sm-12 col-xs-12">
<img src="../assets/images/share_icon.png">
<h4>
<span style="font-size:20px">
{{ {eng:'Share',chn:'分享'} | trans }}
</span>
</h4>
<div class="clearfix">
</div>
<p>
{{ {eng:'Course-centric discussion forum; Learning community; Teaching note and blogs',chn:'以课程为中心的讨论论坛；学习社区；教学笔记和博客'} | trans }}
</p>
</img>
</div>
<div class="clearfix">
</div>
</div>
</div>
</div>
</div>
<div class="white-bg home_new">
<div class="container">
<div class="margin-bottom-40">
</div>
<div class="row margin-bottom-40 h4_aln">
<h2 class="title-v2 title-center">
{{ {eng:'Partners',chn:'合作名校'} | trans }}
</h2>
<ul class="clients_list">
<li ng-repeat="item in ctrl.companys">
<a ui-sref="index.company.detail.overview({cid: item._id})">
<img class="img-responsive" ng-src="{{ item.photo? ctrl.companypath+item._id +'/'+ item.photo : ctrl.defaultCompanyPhoto }}" />
</a>
</li>
</ul>
</div>
</div>
</div>
</div>