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

<div ng-controller="poizHomeCtrl as ctrl" class="gsx_home poiz_home">
  <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="margin-bottom-20"></div>
  <div class="container">
    <div class="multi_banner_container">
      <div class="multi_banner">
        <div class="banner-left">
          <a href="javascript:void(0);" ng-click="ctrl.searchShopCate(0)">
            <img ng-if="banners[0]&&banners[0].file" ng-src="{{ctrl.schoolurl}}{{banners[0].file}}">
            <img ng-if="!banners[0]||!banners[0].file" src="assets/images/bnr_img1.jpg">
            <h3>Restaurant</h3>
          </a>
        </div>
        <div class="banner-right">
          <div class="banner-top-row">
            <div class="bnr_hgt_fix">
              <a href="javascript:void(0);" ng-click="ctrl.searchShopCate(1)">
                <img ng-if="banners[1]&&banners[1].file" ng-src="{{ctrl.schoolurl}}{{banners[1].file}}">
                <img ng-if="!banners[1]||!banners[1].file" src="assets/images/bnr_img2.jpg">
                <h3>Music & Entertainment</h3>
              </a>
              <a href="javascript:void(0);" ng-click="ctrl.searchShopCate(2)">
                <img ng-if="banners[2]&&banners[2].file" ng-src="{{ctrl.schoolurl}}{{banners[2].file}}">
                <img ng-if="!banners[2]||!banners[2].file" src="assets/images/bnr_img3.jpg">
                <h3>Fashion & Apparel</h3>
              </a>
              <a href="javascript:void(0);" ng-click="ctrl.searchShopCate(3)">
                <img ng-if="banners[4]&&banners[4].file" ng-src="{{ctrl.schoolurl}}{{banners[4].file}}">
                <img ng-if="!banners[4]||!banners[4].file" src="assets/images/bnr_img5.jpg">
                <h3>Medical & Dental</h3>
              </a>
            </div>
          </div>
          <div class="banner-bottom-row">
            <div class="bnr_hgt_fix">
              <a href="javascript:void(0);" ng-click="ctrl.searchShopCate(4)">
                <img ng-if="banners[3]&&banners[3].file" ng-src="{{ctrl.schoolurl}}{{banners[3].file}}">
                <img ng-if="!banners[3]||!banners[3].file" src="assets/images/bnr_img4.jpg">
                <h3>Fitness & Health</h3>
              </a>
              <a href="javascript:void(0);" ng-click="ctrl.searchShopCate(5)">
                <img  ng-if="banners[5]&&banners[5].file" ng-src="{{ctrl.schoolurl}}{{banners[5].file}}">
                <img ng-if="!banners[5]||!banners[5].file" src="assets/images/bnr_img6.jpg">
                <h3>Supermarket</h3>
              </a>
            </div>
          </div>
        </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-12 home_tab">
          <div class="headline" ng-if="ctrl.companys.length > 0 ">
            <h2>
              {{'Shops'|translate }}
            </h2>
            <a class="btn btn-default btn-sm pull-right hom_btn_aln" style="position:absolute; right:15px; z-index:1;" ui-sref="index.company">
              {{ '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="company in ctrl.companys">
              <div class="thumbnails thumbnail-style thumbnail-kenburn new_listing overflow-hidden relative">
                <div class="thumbnail-img">
                  <div class="overflow-hidden">
                    <a ui-sref="index.company.detail.overview({ cid: company._id })">
                      <img alt="{{ company.name }}" class="img-responsive" ng-src="{{ company.photo ? ctrl.companypath+company._id +'/'+ company.photo :  ctrl.defaultCompanyPhoto }}" style="height:150px" title="{{ company.name }}"/>
                    </a>
                  </div>
                </div>
                <div class="thumbnail-text">
                  <div class="caption overflow-hidden clst text-center" style="height:60px; margin:0;">
                    <div class="margin-bottom-5">
                    </div>
                    <h3 style="margin-bottom: 5px;">
                      <a ui-sref="index.company.detail.overview({ cid: company._id })" class="hover-effect" target="_blank">
                        {{ company.name }}
                      </a>
                    </h3>

                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="headline" ng-if="ctrl.latestCourses.length > 0 ">
            <h2>
              {{'Recipies'|translate }}
            </h2>
            <a class="btn btn-default btn-sm pull-right hom_btn_aln" style="position:absolute; right:15px; z-index:1;" ui-sref="index.gsxcourses({tab:'update'})">
              {{ 'View All' | translate }}
              <i class="fa fa-arrow-circle-o-right">
              </i>
            </a>
          </div>
          <div class="row padding-left-15" ng-if="ctrl.latestCourses.length > 0 ">
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 padding-left-0" ng-repeat="lcourse in ctrl.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>
                    <a class="btn-more" ng-if="lcourse.singlesection" translate="">
                      Micro
                    </a>
                  </div>
                </div>
                <div class="thumbnail-text">
                  <div class="caption overflow-hidden clst text-center" style="height:60px;">
                    <div class="margin-bottom-5">
                    </div>
                    <h3 style="margin-bottom: 5px;">
                      <a ui-sref="{{lcourse.courseurl}}({ cid: lcourse._id,cs:getCheckSum(lcourse._id)  })" class="hover-effect" target="_blank">
                        {{ lcourse.name }}
                      </a>
                    </h3>
                    <i class="fa fa-usd" ng-if="lcourse.price">
                    </i>
                    <span>

                      {{lcourse.price || 'Free'}}

                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="headline" ng-if="ctrl.products.length > 0  && currentSchool.productFlag">
            <h2>
              {{'Products'|translate }}
            </h2>
            <a class="btn btn-default btn-sm pull-right hom_btn_aln" style="position:absolute; right:15px; z-index:1;" ui-sref="index.store">
              {{ 'View All' | translate }}
              <i class="fa fa-arrow-circle-o-right">
              </i>
            </a>
          </div>
          <div class="row padding-left-15"  ng-if="ctrl.products.length > 0  && currentSchool.productFlag">
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 padding-left-0" ng-repeat="product in ctrl.products">
              <div class="thumbnails thumbnail-style thumbnail-kenburn new_listing overflow-hidden relative">
                <div class="thumbnail-img">
                  <div class="overflow-hidden">
                    <a ui-sref="index.store.detail({id: product._id })">
                      <img alt="{{ product.name }}" class="img-responsive" ng-src="{{product.photo? ctrl.productpath + product._id +'/'+ product.photo :  ctrl.defaultProductPhoto}}" style="height:150px" title="{{ product.name }}"/>
                    </a>
                  </div>
                </div>
                <div class="thumbnail-text">
                  <div class="caption overflow-hidden clst text-center" style="height:50px;">
                    <div class="margin-bottom-5">
                    </div>
                    <h3 style="margin-bottom: 5px;">
                      <a ui-sref="index.product.detail({id: product._id })" class="hover-effect" target="_blank">
                        {{ product.name }}
                      </a>
                    </h3>
                    <i class="fa fa-usd" ng-if="product.price">
                    </i>
                    <span>
                      {{product.price || 'Free'}}
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="clerafix"></div>
          <div class="row" ng-controller="HomeCtrl as ctrl">
            <div class="margin-bottom-40" ng-if="!ctrl.jobs"></div>
            <div class="col-md-8">
              <div class="g-mb-50">
                <div class="headline">
                  <h2>
                    {{'Latest News' | translate}}
                  </h2>
                </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="headline">
                    <h2>
                      {{'EVENTS' | translate}}
                    </h2>
                  </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="headline">
                    <h2>
                      {{'ANNOUNCEMENTS' | translate}}
                    </h2>
                  </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="clerafix"></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div ng-controller="HomeCtrl as ctrl" ng-include="'app/home/homeadvsection.html'"></div>