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

<style>
  .parallax-team {background: url(assets/images/bg4.jpg) 50% 0 repeat fixed; color: #fff;
  }
  .category_bg{background:url(assets/images/book_self.jpg) 50% 0 no-repeat; background-size:cover; }
</style>
<div ng-controller="HomeCtrl as ctrl" class="second_theme homepage arg_delete_class">
  <div class="home_slider relative banner_hgt">
    <img ng-if="!currentSchool" ng-src="{{publicUrl}}bamboobanner.jpg" />
    <div active="active" interval="myInterval" ng-if="currentSchool && slides && slides.length >0" uib-carousel="">
      <div uib-slide ng-class="{'slider_type1':slide.style=='inline','slider_type2':slide.style=='float','slider_type3':slide.style=='text'}" index="$index" ng-repeat="slide in slides">
        <img ng-src="{{ schoolUrl+slide.img }}" />
        <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>
    <img ng-if=" !slides || slides.length == 0" ng-src="{{ currentSchool.bar ? schoolUrl+currentSchool.bar : 'assets/images/default_banner.jpg' }}" style="width:100%;" />
  </div>
  <div class="clearfix"></div>
  <div class="who_v_r" ng-if="loginService.school.homepageAboutUsFlag">
    <div class="container" style=" background:url('{{ currentSchool.photo ? ctrl.schoolIconUrl + currentSchool.photo : 'assets/images/b-chinese.jpg'}}') right bottom no-repeat; color: #fff; background-size: contain;">
      <div class="col-md-6 no-padding" ng-if="currentLanguage!='Chinese'&&ctrl.about">
        <p ng-bind-html="ctrl.about"></p>
        <a ui-sref="index.courses" class="btn btn-u text-uppercase" translate="">
          Learn Now
        </a>
      </div>
      <div class="col-md-6 no-padding" ng-if="currentLanguage=='Chinese'&&ctrl.aboutCN">
        <p ng-bind-html="ctrl.aboutCN"></p>
        <a ui-sref="index.courses" class="btn btn-u text-uppercase" translate="">
          Learn Now
        </a>
      </div>
      <div class="col-md-6">
      </div>
    </div>
  </div>
  <div class="clearfix"></div>
  <div class="container animated fadeInRight homepage_sec">
    <!--=== Content Part ===-->
    <div class="content" style="padding-bottom: 0;">
      <div class="row" ng-if="(teachers | notEmpty)  && loginService.subDomain == 'iaf'">
        <div class="col-md-12 home_tab home_new">
          <!-- Teachers Block IAF -->
          <div class="headline">
            <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>
        <div class="clearfix"></div>
      </div>
      <div class="row">
        <div class="col-md-12 home_tab home_new">
          <div class="row">
            <div class="col-md-12">

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

              </div>

              
              <!-- <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> -->
              <div class="clearfix"></div>
              <div class="heading_btm_sep" ng-if="latestCourses&&latestCourses.length!=0">
                <h1>{{ {eng:'Latest courses', chn:'最新课程'}|trans }}</h1>
                <a class="btn btn-default btn-sm pull-right hom_btn_aln" ui-sref="index.courses">
                {{ 'View All' | translate }}
                <i class="fa fa-arrow-circle-o-right">
                </i>
              </a>
              </div>
              <div class="row padding-left-15">
                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 padding-left-0" ng-repeat="lcourse in latestCourses|limitTo: ctrl.limits.courses">
                  <div class="thumbnails thumbnail-style thumbnail-kenburn new_listing overflow-hidden relative">
                    <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:150px" title="{{ lcourse.name }}"
                          />
                        </a>
                        <span ng-if="lcourse.newflag" class="list_new">
                          <img src="assets/images/new.gif"/>
                        </span>
                        <span ng-if="lcourse.singlesection" class="badge badge-warning list_micro">{{'Micro'|translate}}</span>
                      </div>
                    </div>
                    <!-- <div class="bookmark">
                        <span ng-if="lcourse.privacy!='public'"> {{ {eng:'Limited', chn:'专属课程'}|trans }}</span>
                        <span ng-if="lcourse.privacy=='public'">&nbsp;</span>
                      <img src="assets/images/public.png" class="pblc">
                      <img src="assets/images/private.png" class="prvt">
                    </div> -->
                    <div class="thumbnail-text">
                      <div class="caption overflow-hidden clst" style="height:106px">
                        <div class="margin-bottom-5"></div>
                        <h3 style="margin-bottom: 5px;">
                          <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" style="margin-bottom: 0px;">
                        <li class="padding-left-0" uib-tooltip="{{'Enrolled Users' | translate}}">
                          <i class="fa fa-users"></i>
                          <span>
                            {{lcourse.enrolledcounter}}
                          </span>
                        </li>
                        <li class="padding-left-0" uib-tooltip="{{'Views' | translate}}">
                          <i class="fa fa-eye"></i>
                          <span>
                            {{lcourse.visitercounter}}
                          </span>
                        </li>
                        <li uib-tooltip="{{'Creater' | translate}}" class="pull-right">
                          <span>
                            {{lcourse.creatorfullname||lcourse.creater}}
                          </span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- End My Courses Block -->
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
    <!--/row-->
  </div>

  <div class="category_bg" ng-if="currentSchool.homeCatCourseFlag&&ctrl.catMap">
    <div class="container">
      <!-- category starts -->
      <div class="row padding-left-15">
        <div class="heading_btm_sep">
          <h1>{{ 'Featured Category' | translate }}</h1>
        </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>
      <!-- category Ends -->
    </div>
  </div>

  <div class="container">
    <div class="margin-bottom-30"></div>
    <div class="row" ng-if="loginService.school.homepage !='stec'">
      <div class="col-md-12" ng-if="ctrl.jobs | notEmpty">
        <div>
          <div class="heading_btm_sep">
            <h1>{{ 'Recent Jobs' | translate }}</h1>
            <a class="btn btn-default btn-sm pull-right" ui-sref="index.job">
              {{ 'View All' | translate }}
            </a>
          </div>
          <div class="row padding-left-15 home_teacher_section margin-bottom-30">
            <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})">
                      <a style="color: #337ab7; font-weight: 500; font-size: 16px;">{{ item.name }}</a>
                    </h3>
                  </div>
                  <ul class="list-unstyled font-12" style="height:60px;">
                    <li class="margin-bottom-5" style="max-height:35px; overflow:hidden;">
                      <span class="color-blue" translate="">
                        Company
                      </span>
                      : {{item.company.name}}
                    </li>
                    <li>
                      <span class="color-blue" translate="">
                        Posted on
                      </span>
                      : {{ item.created | date :'yyyy-MM-dd' }}
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="margin-bottom-40" ng-if="!ctrl.jobs"></div>
      <div class="col-md-8">
        <div class="g-mb-50">
          <div class="block_heading">
            <h1><i class="fa fa-newspaper-o"></i>{{'Latest News' | translate}}</h1>
          </div>
          <div class="row">
            <!-- Article (Leftside) -->
            <div class="clearfix"></div>
            <div class="no_record" translate="" ng-if="!first_news">
              No News
            </div>
            <div class="col-lg-7 g-mb-50 g-mb-0--lg">
              <article>
                <figure class="u-shadow-v25 g-pos-rel g-mb-20">
                  <img class="img-fluid w-100" style="width: 100%;" ng-src="{{ first_news.photo? _SHOST+'/public/'+_RES+'/schoolnews/'+first_news._id +'/'+ first_news.photo : ctrl.defaultNewsPhoto }}" alt="Image Description">
                </figure>

                <h3 class="h4 g-mb-10" ui-sref="index.newses.detail({ id: first_news._id })">
                  <a class="u-link-v5 g-color-gray-dark-v1 g-color-primary--hover" href="#">{{first_news.name}}</a>
                </h3>

                <ul class="list-inline g-color-gray-dark-v4 font-12">
                  <li class="list-inline-item">
                    <a class="u-link-v5 g-color-gray-dark-v4 g-color-primary--hover" href="#">{{first_news.creater}}</a>
                  </li>
                  <li class="list-inline-item">/</li>
                  <li class="list-inline-item">
                    {{first_news.created | date : 'medium'}}
                  </li>
                  <li class="list-inline-item">/</li>
                  <li class="list-inline-item">
                    <a class="u-link-v5 g-color-gray-dark-v4 g-color-primary--hover" href="#">
                      <i class="icon-finance-206 u-line-icon-pro align-middle g-pos-rel g-top-1 mr-1"></i> {{first_news.counter}}
                    </a>
                  </li>
                </ul>

                <p class="g-color-gray-dark-v41"> {{first_news.description}}</p>
                <a class="font-12" ui-sref="index.newses">{{'Read More' | translate}}..</a>
              </article>
            </div>
            <!-- End Article (Leftside) -->

            <!-- Article (Rightside) -->
            <div class="col-lg-5">
              <!-- Article -->
              <div ng-repeat="_news in _newses |limitTo:4 " ui-sref="index.newses.detail({ id: _news._id })">
                <article class="media">
                  <a class="d-flex u-shadow-v25 align-self-center mr-3" href="#">
                    <img class="g-width-80 g-height-80" ng-src="{{ _news.photo? _SHOST+'/public/'+_RES+'/schoolnews/'+_news._id +'/'+ _news.photo : ctrl.defaultNewsPhoto }}" style="width:100%; max-height:100px;" alt="Image Description">
                  </a>

                  <div class="media-body">
                    <h3 class="h6">
                      <a class="u-link-v5 g-color-gray-dark-v1 g-color-primary--hover" href="#">{{_news.description}}</a>
                    </h3>

                    <ul class="u-list-inline font-12 g-color-gray-dark-v4">
                      <li class="list-inline-item">
                        <!--July 20, 2017-->{{_news.created | date : 'medium'}}
                      </li>
                      <li class="list-inline-item">/</li>
                      <li class="list-inline-item">
                        <a class="g-color-gray-dark-v4 g-text-underline--none--hover" href="#">
                          <i class="icon-finance-206 u-line-icon-pro align-middle g-pos-rel g-top-1 mr-1"></i> 18
                        </a>
                      </li>
                    </ul>
                  </div>
                </article>
                <!-- End Article -->
                <hr class="g-brd-gray-light-v4 g-my-25">
              </div>

            </div>
            <!-- End Article (Rightside) -->
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="col-md-12">
          <div class="col-md-12 event-height" style="height: 274px;">
            <div class="block_heading">
              <h1>
                <i class="fa fa-calendar"></i>{{'EVENTS' |translate}}
              </h1>
            </div>
            <div class="clearfix"></div>
            <div class="no_record" translate="" ng-if="events.length == 0">
              No Events
            </div>
            <div class="views-row views-row-1 views-row-odd views-row-first" ng-repeat="event in events|limitTo:3" ng-class="{'views-row-odd':$odd,'views-row-even':$even}" ui-sref="index.events.detail({ id : event._id })" style="cursor:pointer">
              <div class="views-field views-field-event-calendar-date-1">
                <div class="field-content">
                  <div class="col-md-12">
                    <ul class="media-list event_list">
                      <li class="media">
                        <div class="pull-left calender_date">
                          <span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2017-08-31T09:15:00+05:30">
                           {{event.time|date:'dd'}}
                           </span><br>
                          <span class="date-display-single" property="dc:date" datatype="xsd:dateTime" content="2017-08-31T09:15:00+05:30">
                            {{event.time|date:'MMM'}}
                            </span>
                          <!--{{event.time}}-->
                        </div>
                        <div class="media-body">
                          <p class="event_details">
                            <a>{{event.name}}</a>
                          </p>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="clearfix"></div>
          <p class="events_more" ui-sref="index.events" style="cursor:pointer">
            <a class="events_More_btn more_link_btn margin_none">{{'More Events' | translate}}
              <i class="fa fa-angle-double-right margin-left-5"></i>
            </a>
          </p>
        </div>
        <div class="col-md-12">
          <div class="col-md-12 pull-left announcement-height" style="height: 274px;">
            <div class="block_heading">
              <h1><i class="fa fa-bullhorn"></i>{{'ANNOUNCEMENTS' | translate}}</h1>
            </div>
            <div class="more-news">
              <div class="clearfix"></div>
              <div class="no_record" translate="" ng-if="ctrl.schoolAnnous.length == 0">
                No Announcements
              </div>
              <div class="views-row views-row-1 views-row-odd views-row-first" ng-repeat="anno in ctrl.schoolAnnous" ui-sref="index.announcements.detail({ id : anno._id })" style="cursor:pointer">
                <div class="views-field views-field-title">
                  <span class="field-content">
                    <ul class="annouce_list">
                      <li>
                        <a> {{anno.name}}</a>
                      </li>
                    </ul>
                  </span>
                </div>
              </div>
            </div>
          </div>
          <p>
            <a ui-sref="index.announcements" style="cursor:pointer;" class="announcement_More_btn more_link_btn margin_none">{{'More Announcements' | translate}} <i class="fa fa-angle-double-right margin-left-5"></i></a>
          </p>
        </div>
      </div>
      <div class="margin-bottom-30"></div>
    </div>
    <div class="row" ng-if="(teachers | notEmpty)  && loginService.subDomain != 'iaf'">
        <div class="col-md-12 home_tab home_new">
          <!-- Teachers Block IAF -->
          <div class="headline">
            <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>
        <div class="clearfix"></div>
    </div>
    <!-- row -->
  </div>

  <div ng-include="'app/home/homeadvsection.html'"></div>
</div>