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

<style>
  .parallax-team {
    background: url(assets/images/bg4.jpg) 50% 0 repeat fixed;
    color: #fff;
  }
</style>
<div ng-controller="HomeCtrl as ctrl" class="second_theme homepage arg_delete_class">
  <div class="home_slider relative">
    <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="container animated fadeInRight homepage_sec">
    <!--=== Content Part ===-->
    <div class="content">
      <div class="row">
        <div class="col-md-12 home_tab home_new">

          <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)" ng-include="'app/home/home_tab.html'">

          </div>
          <!-- My Courses Block -->
          <!--div class="headline" ng-if="!loginService.isLogged&&lcourses.length> 0">
            <h4 translate="">
              Courses
            </h4>
          </div-->

          <div class="headline" ng-if="latestCourses&&latestCourses.length>0">
            <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 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>
            <h2 translate="">
             Our Latest Courses
            </h2>
          </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 class="pull-right" uib-tooltip="{{'Creater' | translate}}">
                      <span>
                        {{lcourse.creatorfullname||lcourse.creater}}
                      </span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>


          <div class="headline">
            <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>
            <h2>
              {{ {eng:'Our recommended courses', chn:'推荐课程'}|trans }}
            </h2>
          </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 lcourses|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">
                      <i class="fa fa-user">
                      </i>
                      <span>
                        {{lcourse.enrolledcounter}}
                      </span>
                    </li>
                    <li class="padding-left-0">
                      <i class="fa fa-eye">
                      </i>
                      <span>
                        {{lcourse.visitercounter}}
                      </span>
                    </li>
                    <li class="pull-right">
                      <span>
                        {{lcourse.creatorfullname||lcourse.creater}}
                      </span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <!-- End My Courses Block -->
          <div class="row padding-left-15" ng-if="currentSchool.homeCatCourseFlag">
            <div class="headline">
              <h2>
                {{ 'Category' | translate }}
              </h2>
            </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 -->
          <uib-tabset class="tab-v1" ng-if="ctrl.vmeetings | notEmpty">
            <a class="btn btn-default btn-sm pull-right hom_btn_aln" href="{{ appUrl }}/mymeetings">
              {{ 'View All' | translate }}
              <i class="fa fa-arrow-circle-o-right">
              </i>
            </a>
            <uib-tab>
              <uib-tab-heading translate="">
                Video Class
              </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.vmeetings | notEmpty" 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'" src="/assets/images/livechat.jpg" />
                <img ng-if="item.type=='audioppt'" src="/assets/images/img7.jpg" />
                <img ng-if="item.type=='videoppt'" src="/assets/images/vprest.jpg" />
                <img ng-if="item.type=='videocnfrnc'" src="/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: 150px;">
                  <span class="btn btn-yellow btn-xs class_status cursor-default" ng-if="item.now">
                    Live
                  </span>
                  <span class="btn btn-orange btn-xs class_status cursor-default" ng-if="item.minutes || item.hours">
                    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>
          <!-- Live video course -->
          <div class="row">
            <div class="col-lg-6" ng-if="teachers | notEmpty">
              <div class="panel">
                <div class="panel-heading overflow-h">
                  <h2 class="panel-title heading-sm pull-left" style="color:#555"><i class="fa fa-briefcase"></i> <span translate="course.teachers">Teachers</span></h2>
                  <a ui-sref="index.teacher" class="pull-right">{{ 'View All' | translate }}</a>
                </div>
                <div class="home_teacher_section">
                  <div class="col-lg-4 col-md-3 col-sm-3 col-xs-6 forum" ng-repeat="teacher in teachers |limitTo: ctrl.limits.teachers">
                    <div class="tag-box tag-box-v3 thumbnail" style="margin:0;">
                      <a ui-sref="index.teacher.detail.summary({teacherloginname : teacher.username,cs:getCheckSum(teacher.username)})">
                        <div class="alter">
                          <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>
                        <div class="caption">
                          <h5>
                            {{ teacher.name }}
                          </h5>
                          <p>
                            {{ teacher.title }}
                          </p>
                        </div>
                      </a>
                    </div>
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
            </div>
            <div class="col-lg-6" ng-if="_topics | notEmpty">
              <div class="panel">
                <div class="panel-heading overflow-h">
                  <h2 class="panel-title heading-sm pull-left" style="color:#555"><i class="fa fa-briefcase"></i> {{ 'Knowledge Zone' | translate }}</h2>
                  <a ui-sref="index.blogs" class="pull-right">{{ 'View All' | translate }}</a>
                </div>
                <div class="row padding-left-15">
                  <div class="col-md-12 col-lg-12 col-sm-12 padding-left-0" ng-repeat="item in _topics">
                    <div class="tag-box tag-box-v1 box-shadow shadow-effect-1 tagbox_pad tagbox_alter">
                      <div class="item-name">
                        <a ui-sref="index.blogs.detail({ id: item._id })">
                        {{ item.title }}
                      </a>
                      </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="last-reply pull-left" ng-if="item.last_reply_at">
                        {{ item.last_reply_at | date: 'mediumDate' }}
                      </span>
                        <span class="last-reply pull-left" ng-if="!item.last_reply_at">
                        {{ item.create_at | date: 'mediumDate' }}
                      </span>
                        <span class="replies pull-left">
                        <span title="{{ 'Visit Count' | translate }}">
                          <i class="fa fa-eye">
                          </i>
                          {{ item.visit_count }}
                        </span> /
                        <span title="{{ 'Reply Count' | translate }}">
                          <i class="fa fa-comments">
                          </i>
                          {{ item.reply_count }}
                        </span>
                        </span>
                        <a class="pull-right" ui-sref="index.blogs.detail({ id: item._id })">
                        View more <i class="fa fa-chevron-right"></i>
                      </a>
                        <div class="clearfix"></div>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- End Knowledge Zone Block -->
              </div>
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
    <!--/row-->
  </div>
  <!--/container-->
  <div ng-include="'app/home/homeadvsection.html'"></div>
  <!-- End Content Part -->
</div>