unserver-unify/src/app/home/homenormal.html

<style>
  .parallax-team {
    background: url(assets/images/bg4.jpg) 50% 0 repeat fixed;
    color: #fff;
  }
</style>
<div class="arg_delete_class" ng-controller="HomeCtrl as ctrl">
  <div class="home_slider" ng-if="!currentSchool" >
    <img ng-src="{{ publicUrl }}bamboobanner.jpg" style="margin:auto;width:100%;height:100%;"/>
  </div>
  <div class="home_slider" ng-if="currentSchool && ctrl.slides && ctrl.slides.length> 0">
    <div active="active" interval="myInterval"  uib-carousel>
      <div ng-class="{'slider_type1':slide.style=='inline','slider_type2':slide.style=='float','slider_type3':slide.style=='text'}" index="$index" ng-repeat="slide in ctrl.slides" uib-slide>
        <img ng-src="{{ slide.imgurl }}" style="margin:auto;width:100%;height:100%;"/>
        <div class="text_content" ng-if="(slide.sectionTitle || slide.description) && slide.text">
          <h1>
            {{slide.sectionTitle}}
          </h1>
          <p>
            {{slide.description}}
          </p>
          <a class="btn btn-warning" ui-sref="index.courses" ng-if="slide.style=='float'">
            {{'View Course' | translate }}
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="home_slider" ng-if="currentSchool && (!ctrl.slides || ctrl.slides.length == 0)">
    <div class="carousel" >
      <div class="carousel-inner">
        <div class="text-center">
          <img ng-src="{{ currentSchool.bar ? schoolUrl+currentSchool.bar : 'assets/images/default_banner.jpg' }}" style="width:100%;"/>
        </div>
      </div>
    </div>
  </div>
  <div class="clearfix"></div>
  <div class="container animated fadeInRight homepage_sec">
    <!--=== Content Part ===-->
    <div class="content">
      <div class="row">
        <div class="col-md-9 home_tab home_new">
          <!-- IAF Block -->
          <div ng-if="loginService.subDomain == 'iaf'">
            <div class="headline" ng-if="(teachers | notEmpty)">
              <a class="btn btn-default btn-sm pull-right" ui-sref="index.teacher">
                {{ 'View All' | translate }}
              </a>
              <h4 ng-style="courseTxtStyle" translate="course.teachers">
                Teachers
              </h4>
            </div>
            <div class="row padding-left-15 home_teacher_section" ng-if="(teachers | notEmpty)  && loginService.subDomain == 'iaf'">
              <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 forum padding-left-0" ng-repeat="teacher in teachers |limitTo: ctrl.limits.teachers">
                <div class="tag-box tag-box-v3 thumbnail">
                  <a ui-sref="index.teacher.detail.summary({teacherloginname : teacher.username,cs:getCheckSum(teacher.username)})">
                    <img ng-if="teacher.photo" ng-src="{{ ctrl.teacherPicUrl + teacher._id +'/' + teacher.photo }}" title="{{ teacher.name }}"/>
                    <img ng-if="!teacher.photo" ng-src="assets/images/default-person-icon.png" title="{{ teacher.name }}"/>
                    <div class="caption">
                      <h5>
                        {{ teacher.name }}
                      </h5>
                      <p>
                        {{ teacher.title }}
                      </p>
                    </div>
                  </a>
                </div>
              </div>
            </div>
            <div ng-if="currentSchool.homeCatCourseFlag && ctrl.catMap" class="row padding-left-15 theme_1category">
              <div class="headline">
                <h4 ng-style="courseTxtStyle" translate="">
                  Category
                </h4>
              </div>
              <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 padding-left-0 home_category_common_repeat" ng-repeat="key in ctrl.school.categorykeys | limitTo:ctrl.limits.numberOfCourseCat">
                <div class="home_category_common" style="background:url({{ctrl.catMap[key].photo? ctrl.catBannerUrl+ ctrl.catMap[key].photo : ctrl.defultCatphoto}}) 0 0 no-repeat; background-size: 100% auto;" ng-click="ctrl.searchCoursesByCate(key)">
                  <div class="category_content_comman">
                    <div class="valign">
                      <div class="valign-item">
                        <h3>{{key}}</h3>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- My Courses Block -->
          <div>
            <div class="headline" ng-if="lcourses | notEmpty">
              <a class="btn btn-default btn-sm pull-right" ui-sref="index.courses">
                {{ 'View All' | translate }}
              </a>
              <div class="main_banner_search_subholder">
                <div class="main_banner_search">
                  <div class="input-group ">
                    <input class="form-control" ng-model="ctrl.searchObj.name" placeholder="{{ 'search course' | translate }}" type="text"/>
                    <span class="input-group-btn">
                      <button class="btn btn-primary" ng-click="ctrl.searchCourses(ctrl.searchObj)" type="button">
                        <i class="fa fa-search">
                        </i>
                      </button>
                    </span>
                  </div>
                </div>
              </div>
              <h4 ng-style="courseTxtStyle" translate="">
                Courses
              </h4>
            </div>
            <uib-tabset class="tab-v1" ng-if="currentSchool.courseFlag">
              <uib-tab>
                <uib-tab-heading ng-click="ctrl.getRecommendCourse()" translate="common.recommenedcourses">
                  Courses
                </uib-tab-heading>
              </uib-tab>
              <uib-tab ng-if="currentSchool.hotCoursesFlag">
                <uib-tab-heading ng-click="ctrl.getHotestCourses()" translate="common.hotestcourses">
                  Hotest
                </uib-tab-heading>
              </uib-tab>
              <uib-tab ng-if="currentSchool.newCoursesFlag">
                <uib-tab-heading ng-click="ctrl.getNewCourses()" translate="common.latestcourses">
                  Latest
                </uib-tab-heading>
              </uib-tab>
              <uib-tab ng-if="currentSchool.topCoursesFlag">
                <uib-tab-heading ng-click="ctrl.getTopCourses()" translate="common.topcourses">
                  Top
                </uib-tab-heading>
              </uib-tab>
              <uib-tab ng-if="loginService.subDomain != 'caregiverasia'">
                <uib-tab-heading ng-click="ctrl.getStarCourses()" translate="common.starcourses">
                  Star
                </uib-tab-heading>
              </uib-tab>
              <uib-tab ng-repeat="tag in ctrl.courseTags">
                <uib-tab-heading ng-click="ctrl.getCourseByTag(tag)">
                  {{tag | trans}}
                </uib-tab-heading>
              </uib-tab>
            </uib-tabset>
            <div class="row padding-left-15">
              <!-- <div ng-if="lcourses.length == 0" translate="" class="no_record">
                No Course selected under this tab
              </div> -->
              <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 padding-left-0" ng-repeat="lcourse in lcourses|limitTo: ctrl.limits.courses">
                <div class="thumbnails thumbnail-style thumbnail-kenburn relative new_listing">
                  <div class="thumbnail-img">
                    <div class="overflow-hidden">
                      <a ui-sref="{{ lcourse.courseurl }}({ cid: lcourse._id,cs:getCheckSum(lcourse._id) })">
                        <img alt="{{ lcourse.name }}" class="img-responsive" ng-src="{{ lcourse.photo? _SHOST+'/lcourse/'+lcourse._id +'/'+ lcourse.photo : (lcourse.mvpic? _SHOST+'/public/'+_RES+ lcourse.mvpic : ctrl.defaultCoursePhoto) }}" style="height:100px" title="{{ lcourse.name }}"/>
                      </a>
                      <a class="btn-more" ng-if="lcourse.singlesection" translate="">
                        Micro
                      </a>
                    </div>
                  </div>
                  <div class="caption overflow-hidden clst">
                    <h3>
                      <a class="hover-effect" ui-sref="{{ lcourse.courseurl }}({ cid: lcourse._id,cs:getCheckSum(lcourse._id) })">
                        {{ lcourse.name }}
                      </a>
                    </h3>
                    <p class="product_price" ng-if="lcourse.price">
                      {{ctrl.currency}} {{ lcourse.price | number : 2 }}
                    </p>
                    <p class="product_price" ng-if="!lcourse.price && currentSchool.paymentFlag && lcourse.privacy=='fee'">
                      {{ctrl.currency}} {{'Free' | translate}}
                    </p>
                    <p>
                      {{ lcourse.description }}
                    </p>
                  </div>
                  <ul class="list-inline text-left course_btm" ng-style="coursebtmStyle">
                    <li class="padding-left-0">
                      <span ng-if="loginService.subDomain != 'caregiverasia'" uib-tooltip="{{'Enrolled Users' | translate}}">
                        <i class="fa fa-users">
                        </i>
                        <span>
                          {{lcourse.enrolledcounter}}
                        </span>
                      </span>
                      &nbsp;
                      <span uib-tooltip="{{'Views' | translate}}">
                        <i class="fa fa-eye">
                        </i>
                        <span>
                          {{lcourse.visitercounter}}
                        </span>
                      </span>
                    </li>
                    <li class="pull-right">
                      <span uib-tooltip="{{'Creater' | translate}}">
                        {{lcourse.creatorfullname||lcourse.creater}}
                      </span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>

          <div class="default_load" ng-if="(!lcourses||lcourses.length <1)&&(!teachers||teachers.length <1)&&(!apps||apps.length <1)&&(!ctrl.projects||ctrl.projects.length< 1)&&(!ctrl.companys||ctrl.companys.length< 1)&&(!ctrl.vmeetings||ctrl.vmeetings.length<1)" ng-include="'app/home/home_tab.html'">

          </div>

          <!-- End My Courses Block -->
          <div ng-if="currentSchool.homeCatCourseFlag && ctrl.catMap   && loginService.subDomain != 'iaf'" class="row padding-left-15 theme_1category">
            <div class="headline">
              <h4 ng-style="courseTxtStyle" translate="">
                Category
              </h4>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 padding-left-0 home_category_common_repeat" ng-repeat="key in ctrl.school.categorykeys | limitTo:ctrl.limits.numberOfCourseCat">
              <div class="home_category_common" style="background:url({{ctrl.catMap[key].photo? ctrl.catBannerUrl+ ctrl.catMap[key].photo : ctrl.defultCatphoto}}) 0 0 no-repeat; background-size: 100% auto;" ng-click="ctrl.searchCoursesByCate(key)">
                <div class="category_content_comman">
                  <div class="valign">
                    <div class="valign-item">
                      <h3>{{key}}</h3>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- Live video course -->
          <div class="headline" ng-if="(ctrl.vmeetings &&ctrl.vmeetings.length)||(ctrl.playbacks&&ctrl.playbacks.length)">
            <h4 ng-style="courseTxtStyle" translate="">
              Video Class
            </h4>
            <a  class="btn btn-default btn-sm pull-right hom_btn_aln" ng-click="ctrl.viewAllVideo()">
              {{ 'View All' | translate }}
            </a>
            <!--a ng-if="loginService.isLogged&&!ctrl.showlive" class="btn btn-default btn-sm pull-right hom_btn_aln" ui-sref="index.playback">
              {{ 'View All' | translate }}
            </a>
            <a ng-if="!loginService.isLogged" class="btn btn-default btn-sm pull-right hom_btn_aln" ng-click="lctrl.showCourseLoginDialog()" ng-controller="LoginCtrl as lctrl">
              {{ 'View All' | translate }}
            </a -->
          </div>
          <uib-tabset class="tab-v1" ng-if="(ctrl.vmeetings &&ctrl.vmeetings.length)||(ctrl.playbacks&&ctrl.playbacks.length)">
            <uib-tab ng-if="ctrl.vmeetings | notEmpty">
              <uib-tab-heading ng-click="ctrl.showLive(1)" translate="">
                Live
              </uib-tab-heading>
            </uib-tab>
            <uib-tab ng-if="ctrl.playbacks | notEmpty">
              <uib-tab-heading ng-click="ctrl.showLive(0)" translate="">
                Replay
              </uib-tab-heading>
            </uib-tab>
          </uib-tabset>
          <div class="row equal-height-columns home_live_course padding-left-15 margin-bottom-30" ng-if="ctrl.showlive" style="overflow:hidden;">
            <div class="col-sm-3 padding-left-0" ng-repeat="item in ctrl.vmeetings">
              <div class="home_promobg">
                <img ng-if="item.type=='discuss'" ng-src="{{ (item.photo)?ctrl.contentModelPicUrl+item.photo:'/assets/images/livechat.jpg' }}"/>
                <img ng-if="item.type=='audioppt'" ng-src="{{ (item.photo)?ctrl.contentModelPicUrl+item.photo:'/assets/images/img7.jpg'"/>
                <img ng-if="item.type=='videoppt'" ng-src="{{ (item.photo)?ctrl.contentModelPicUrl+item.photo:'/assets/images/vprest.jpg'"/>
                <img ng-if="item.type=='videocnfrnc'" ng-src="{{ (item.photo)?ctrl.contentModelPicUrl+item.photo:'/assets/images/minuteschat.jpg'"/>
                <div class="service-block no-margin-bottom content-sm equal-height-column" ng-class="{'rgba-purple ':item.now,'rgba-yellow ':item.minutes,'rgba-blue ':item.hours}" style="min-height: 120px;">
                  <span class="btn btn-yellow btn-xs class_status cursor-default" ng-if="item.now" translate="">
                    Live
                  </span>
                  <span class="btn btn-orange btn-xs class_status cursor-default" ng-if="item.minutes || item.hours" translate="">
                    Upcoming
                  </span>
                  <h2 class="heading-md font-light" style="height:25px; overflow:hidden;">
                    {{item.name}} 
                  </h2>
                  <p>
                    {{item.createUser.fullname}}
                  </p>
                </div>
              </div>
              <div class="white-bg">
                <p class="pull-left" style="font-size:12px;">
                  {{item.start|date:'MMM d, y h:mm a'}}
                </p>
                <a class="btn btn-u pull-right btn-xs" href="{{item.href}}" ng-if="item.now&&item.myflag">
                  {{'Join'|translate}}
                </a>
                <div class="clearfix">
                </div>
              </div>
            </div>
          </div>
          <div class="row equal-height-columns home_live_course padding-left-15 margin-bottom-30" ng-if="!ctrl.showlive&&(ctrl.playbacks&&ctrl.playbacks.length)"  style="overflow:hidden;">
            <div class="col-sm-3 padding-left-0" ng-repeat="item in ctrl.playbacks">
              <div class="home_promobg">
                <img ng-src="{{ (item.photo)?ctrl.contentModelPicUrl+item.photo:'/assets/images/vprest.jpg' }}" />
                <div class="service-block no-margin-bottom content-sm equal-height-column rgba-yellow" style="min-height: 120px;">
                  <h2 class="heading-md font-light" style="height:25px; overflow:hidden;">
                    {{item.name}}
                  </h2>
                  <p>
                    {{item.createrfullname}}
                  </p>
                </div>
              </div>
              <div class="white-bg">
                <p class="pull-left" style="font-size:12px;">
                  {{item.start|date:'MMM d, y h:mm a'}}
                </p>
                <a class="btn btn-u pull-right btn-xs" ui-sref="index.playback.detail({id:item._id})">
                  {{'Replay'|translate}}
                </a>
                <div class="clearfix">
                </div>
              </div>
            </div>
          </div>
          <!-- Online Applications Block -->
          <div class="headline" ng-if="apps | notEmpty">
            <h4 ng-style="courseTxtStyle" translate="home.online_applications">
              Online Applications
            </h4>
          </div>
          <div class="row padding-left-15" ng-if="apps  | notEmpty">
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 forum padding-left-0" ng-repeat="app in apps">
              <div class="tag-box tag-box-v1 box-shadow shadow-effect-2">
                <a class="thumbnail" ng-click="ctrl.changeapp(app.name)" style="margin-bottom:0;cursor:pointer;" target="_blank">
                  <img ng-if="app.logo" ng-src="{{ AppLogoUrl }}{{ app.logo }} " style="height:100px;" title="{{ app.name }}"/>
                  <img ng-if="!app.logo" ng-src="{{ _SHOST }}/public/images/{{ app.icon }} " style="height:100px;" title="{{ app.name }}"/>
                  <div class="caption">
                    <div class="text-center" style="min-height:40px;">
                      {{ app.description }}
                    </div>
                    <div class="text-center">
                      <strong>
                        {{ app.chinesedes }}
                      </strong>
                    </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
          <div class="headline" ng-if="(teachers | notEmpty)  && loginService.subDomain != 'iaf'">
            <a class="btn btn-default btn-sm pull-right" ui-sref="index.teacher">
              {{ 'View All' | translate }}
            </a>
            <h4 ng-style="courseTxtStyle" translate="course.teachers">
              Teachers
            </h4>
          </div>
          <div class="row padding-left-15 home_teacher_section" ng-if="(teachers | notEmpty)  && loginService.subDomain != 'iaf'">
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 forum padding-left-0" ng-repeat="teacher in teachers |limitTo: ctrl.limits.teachers">
              <div class="tag-box tag-box-v3 thumbnail">
                <a ui-sref="index.teacher.detail.summary({teacherloginname : teacher.username,cs:getCheckSum(teacher.username)})">
                  <img ng-if="teacher.photo" ng-src="{{ ctrl.teacherPicUrl + teacher._id +'/' + teacher.photo }}" title="{{ teacher.name }}"/>
                  <img ng-if="!teacher.photo" ng-src="assets/images/default-person-icon.png" title="{{ teacher.name }}"/>
                  <div class="caption">
                    <h5>
                      {{ teacher.name }}
                    </h5>
                    <p>
                      {{ teacher.title }}
                    </p>
                  </div>
                </a>
              </div>
            </div>
          </div>
          <div class="headline" ng-if="ctrl.projects | notEmpty">
            <a class="btn btn-default btn-sm pull-right" ui-sref="index.project">
              {{ 'View All' | translate }}
            </a>
            <h4 ng-style="courseTxtStyle" translate="">
              Project
            </h4>
          </div>
          <div class="row padding-left-15 home_teacher_section" ng-if="ctrl.projects | notEmpty">
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 forum padding-left-0" ng-repeat="item in ctrl.projects ">
              <div class="easy-block-v1">
                <div class="thumbnail-img">
                  <div class="overflow-hidden text-center">
                    <a ui-sref="index.project.detail({id: item._id})">
                      <img class="img-responsive" ng-src="{{ item.photo? ctrl.projectUrl + item._id +'/'+ item.photo :  ctrl.defaultProjectPhoto }}"/>
                    </a>
                  </div>
                </div>
                <div class="white-bg col-md-12 col-xs-12">
                  <div class="overflow-h">
                    <h3 class="heading_aln" ui-sref="index.project.detail({id: item._id})">
                      {{ item.name }}
                    </h3>
                  </div>
                  <p style="height:60px; overflow:hidden;">
                    {{ item.description }}
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div ng-if="loginService.school.homepage !='stec'">
            <div class="headline" ng-if="ctrl.jobs | notEmpty">
              <a class="btn btn-default btn-sm pull-right" ui-sref="index.job">
                {{ 'View All' | translate }}
              </a>
              <h4 ng-style="courseTxtStyle" translate="">
                Job
              </h4>
            </div>
            <div class="row padding-left-15 home_teacher_section margin-bottom-30" ng-if="ctrl.jobs | notEmpty">
              <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 forum padding-left-0" ng-repeat="item in ctrl.jobs ">
                <div class="easy-block-v1">
                  <div class="thumbnail-img">
                    <div class="overflow-hidden text-center">
                      <a ui-sref="index.job.detail({jid: item._id})">
                        <img class="img-responsive" ng-src="{{item.photo? ctrl.jobUrl + item._id +'/'+ item.photo :  ctrl.defaultJobPhoto}}"/>
                      </a>
                    </div>
                  </div>
                  <div class="white-bg col-md-12 col-xs-12">
                    <div class="overflow-h">
                      <h3 class="heading_aln" style="color:#000;" ui-sref="index.job.detail({jid: item._id})">
                        {{ item.name }}
                      </h3>
                    </div>
                    <ul class="list-unstyled font-12" style="height:60px;">
                      <li class="margin-bottom-5" style="max-height:35px; overflow:hidden;">
                        <b class="color-teal">
                          {{item.company.name}}
                        </b>
                      </li>
                      <li>
                        <span class="color-green" translate="">
                          Posted on
                        </span>
                        : {{ item.created | date :'yyyy-MM-dd' }}
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="headline" ng-if="(ctrl.products | notEmpty) && currentSchool.productFlag">
            <a class="btn btn-default btn-sm pull-right" ui-sref="index.product">
              {{ 'View All' | translate }}
            </a>
            <h4 ng-style="courseTxtStyle" translate=" products">
              Products
            </h4>
            <div class="main_banner_search_subholder">
              <div class="main_banner_search">
                <div class="input-group ">
                  <input class="form-control" ng-model="ctrl.q" placeholder="{{ 'search' | translate }}" type="text"/>
                  <span class="input-group-btn">
                    <button class="btn btn-primary" ng-click="ctrl.searchProduct(ctrl.q)" type="button">
                      <i class="fa fa-search">
                      </i>
                    </button>
                  </span>
                </div>
              </div>
            </div>
          </div>
          <div class="row padding-left-15 home_teacher_section margin-bottom-30" ng-if="ctrl.products | notEmpty">
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 forum padding-left-0" ng-repeat="item in ctrl.products ">
              <div class="easy-block-v1 thumbnail-style" style="padding:0;">
                <div class="thumbnail-img">
                  <div class="overflow-hidden text-center">
                    <a ui-sref="index.product.detail({id: item._id})">
                      <img class="img-responsive" ng-src="{{item.photo? ctrl.productpath + item._id +'/'+ item.photo :  ctrl.defaultProductPhoto}}"/>
                    </a>
                  </div>
                </div>
                <div class="white-bg col-md-12 col-xs-12">
                  <div class="overflow-h">
                    <h3 class="heading_aln" style="margin-bottom:0" ui-sref="index.product.detail({id: item._id})">
                      {{ item.name }}
                    </h3>
                  </div>
                  <p style="height:60px; overflow:hidden;">
                    {{item.description}}
                  </p>
                  <!--div class="list_rating hid_ful">
                    <span class="average dummy_avg" ng-if="!item.rating">
                      <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 class="ng-binding">
                        4/5
                      </span>
                    </span>
                  </div>
                  <ul class="list-unstyle">
                    <li style="font-size:12px;">
                      <span class="color-green">
                        Price:
                      </span>
                      $160 <strike>$200</strike>
                    </li>
                  </ul-->
                </div>
                <div class="clearfix margin-bottom-15">
                </div>
              </div>
            </div>
          </div>
          <div ng-if="loginService.subDomain !='stec'">
            <!-- End Online Applications Block -->
            <div class="headline" ng-if="ctrl.companys | notEmpty">
              <a class="btn btn-default btn-sm pull-right" ui-sref="index.company">
                {{ 'View All' | translate }}
              </a>
              <div class="main_banner_search_subholder">
                <div class="main_banner_search">
                  <div class="input-group ">
                    <input class="form-control" ng-model="ctrl.c" placeholder="{{ 'search' | translate }}" type="text"/>
                    <span class="input-group-btn">
                      <button class="btn btn-primary" ng-click="ctrl.searchCompany(ctrl.c)" type="button">
                        <i class="fa fa-search">
                        </i>
                      </button>
                    </span>
                  </div>
                </div>
              </div>
              <h4 ng-style="courseTxtStyle" translate="nav.company">
              </h4>
            </div>
            <div class="row padding-left-15 home_teacher_section margin-bottom-30" ng-if="ctrl.companys | notEmpty">
              <div class="company_list">
                <div class="col-lg-2 col-md-3 col-sm-3 col-xs-12 padding-left-0" 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>
                </div>
                <div class="clearfix">
                </div>
              </div>
            </div>
          </div>
          <!-- News Block -->
          <div class="headline" ng-if="_newses | notEmpty">
            <a class="btn btn-default btn-sm pull-right" ui-sref="index.newses">
              {{ 'View All' | translate }}
            </a>
            <h4 ng-style="courseTxtStyle" translate="common.news">
              News
            </h4>
          </div>
          <div class="row padding-left-15 margin-bottom-5">
            <div class="col-sm-6 padding-left-0" ng-repeat="_news in _newses|limitTo:ctrl.limits.news" style="margin-bottom:5px;">
              <div class="tag-box new_style bg-color-white box-shadow shadow-effect-1">
                <div class="row">
                  <div class="news-dateinfo">
                    {{ _news.created | date: 'yyyy-MM-dd' }}
                  </div>
                  <div class="col-md-4 hidden-sm no-padding funny-boxes-img overflow-hidden easy-block-v1" style="margin-top: -20px; margin-left: -5px;">
                    <a ui-sref="index.newses.detail({ id: _news._id })">
                      <img alt="{{ _news.name }}" ng-src="{{ _news.photo? _SHOST+'/public/'+_RES+'/schoolnews/'+_news._id +'/'+ _news.photo : ctrl.defaultNewsPhoto }}" style="width:100%; max-height:100px;" title="{{ _news.name }}"/>
                    </a>
                  </div>
                  <div class="col-md-8 col-sm-12" style="height:115px; overflow:hidden">
                    <a class="news-title" ui-sref="index.newses.detail({ id: _news._id })">
                      {{ _news.name }}
                    </a>
                    <div class="clearfix">
                    </div>
                    <p class="clamped" style="max-height:60px;">
                      <span class="text news-desc">
                        {{ _news.description }}
                      </span>
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- Events Block -->
          <div class="headline" ng-if="(events | notEmpty) && loginService.subDomain != 'lukchan'">
            <a class="btn btn-default btn-sm pull-right" ui-sref="index.events">
              {{ 'View All' | translate }}
            </a>
            <h4 ng-style="courseTxtStyle" translate="common.events">
              Events
            </h4>
          </div>
          <div class="row padding-left-15 margin-bottom-5" ng-if="loginService.subDomain != 'lukchan'">
            <div class="col-sm-6 padding-left-0" ng-repeat="event in events |limitTo:ctrl.limits.events" style="margin-bottom:5px;">
              <div class="tag-box new_style bg-color-white box-shadow shadow-effect-1">
                <div class="row">
                  <div class="news-dateinfo dateinfo_yellow">
                    {{ event.start | date: 'yyyy-MM-dd' }}
                  </div>
                  <div class="col-md-4 hidden-sm no-padding funny-boxes-img overflow-hidden easy-block-v1" style="margin-top: -20px; margin-left: -5px;">
                    <a ui-sref="index.events.detail({ id: event._id })">
                      <img alt="{{ event.name }}" class="img-responsive" ng-src="{{ event.photo? _SHOST+'/public/'+_RES+'/schoolevent/'+event._id +'/'+ event.photo : ctrl.defaultEventPhoto }}" style="height:100px; margin-bottom:0;" title="{{ event.name }}"/>
                    </a>
                  </div>
                  <div class="col-md-8 col-sm-12" style="height:115px; overflow:hidden">
                    <a class="news-title" ui-sref="index.events.detail({ id: event._id })">
                      {{ event.name }}
                    </a>
                    <div class="clearfix">
                    </div>
                    <p class="clamped" style="max-height:60px;">
                      <span class="text news-desc">
                        {{ event.description }}
                      </span>
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- Knowledge Zone Block -->
          <div class="row" ng-if="_topics | notEmpty">
            <div class="col-md-12 ">
              <div class="headline">
                <a class="btn btn-default btn-sm pull-right" ui-sref="index.blogs">
                  {{ 'View All' | translate }}
                </a>
                <h4 ng-style="courseTxtStyle" translate="">
                  Knowledge Zone
                </h4>
              </div>
            </div>
          </div>
          <div class="row padding-left-15" ng-if="_topics | notEmpty">
            <div class="col-sm-6 padding-left-0" ng-repeat="item in _topics" style="margin-bottom:5px;">
              <div class="tag-box new_style bg-color-white box-shadow shadow-effect-1">
                <div class="row">
                  <div class="news-dateinfo dateinfo_blue">
                    <span ng-if="item.last_reply_at">
                      {{ item.last_reply_at | date: 'yyyy-MM-dd' }}
                    </span>
                    <span ng-if="!item.last_reply_at">
                      {{ item.create_at | date: 'yyyy-MM-dd' }}
                    </span>
                  </div>
                  <div class="col-xs-12" style="height:115px; overflow:hidden">
                    <a class="news-title" ui-sref="index.blogs.detail({ id: item._id })">
                      {{ item.title }}
                    </a>
                    <div class="clearfix">
                    </div>
                    <div class="item-post-date">
                      <a class="user_avatar pull-left" ui-sref="index.setting.profile({ id: item.loginname,cs:getCheckSum(item.loginname) })">
                        {{ item.loginname }}
                      </a>
                      <span class="replies pull-right" style="margin: 0;">
                        <span uib-tooltip="{{ 'Visit Count' | translate }}">
                          <i class="fa fa-eye">
                          </i>
                          {{ item.visit_count }}
                        </span>
                        /
                        <span uib-tooltip="{{ 'Reply Count' | translate }}">
                          <i class="fa fa-comments">
                          </i>
                          {{ item.reply_count }}
                        </span>
                      </span>
                    </div>
                    <div class="clearfix">
                    </div>
                    <p class="unformat_all clamped" ng-bind-html="item.content" style="max-height:60px;">
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- End Knowledge Zone Block -->
          <div class="clerafix">
          </div>
        </div>
        <div class="home_sidebar" ng-include="" src="'app/home/sidebar.html'">
        </div>
      </div>
      <!--/row-->
    </div>
    <!--/container-->
    <!-- End Content Part -->
  </div>
  <div ng-include="" src="'app/home/homeadvsection.html'">
  </div>
</div>