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

<div ng-controller="HomeCtrl as ctrl">
  <!-- Main slider Starts -->
  <div class="slider_full_middle slider">
    <img ng-if="!currentSchool" ng-src="{{publicUrl}}bamboobanner.jpg"/>
    <div uib-carousel active="active" interval="myInterval" ng-if="currentSchool && slides && slides.length > 0">
      <div uib-slide index="$index" ng-repeat="slide in slides">
        <img ng-src="{{schoolUrl+slide.img}}"/>
      </div>
    </div>
    <img ng-if="currentSchool && (!slides || slides.length == 0)" ng-src="{{currentSchool.bar ? schoolUrl+currentSchool.bar : 'assets/images/default_banner.jpg' }}" style="width:100%;"/>
  </div>
  <div class="clearfix"></div>
  <!-- Main slider Ends -->

  <div class="container animated fadeInRight homepage_sec">
    <!--=== Content Part ===-->
    <div class="content">
      <div class="row">
        <div class="col-md-9 padding-right-0 home_new alter" style="overflow: hidden;">

          <!-- Members Block Starts -->
          <div class="headline" ng-if="dgroups | notEmpty">
            <a class="btn btn-default btn-sm pull-right" ui-sref="index.departments">
              {{ 'View All' | translate }}
              <i class="fa fa-arrow-circle-o-right">
              </i>
            </a>
            <h4 translate="menu.department">
              Departments
            </h4>
          </div>
          <div class="home_company" ng-if="dgroups &&  dgroups.length >0">
            <div ng-repeat="group in dgroups | limitTo:2">
              <div class="col-sm-3 col-xs-6 forum padding-left-0" ng-repeat="department in group ">
                <div class="thumbnails thumbnail-style thumbnail-kenburn new_listing relative">
                  <div class="thumbnail-img">
                    <div class="overflow-hidden">
                      <a ui-sref="index.departments.detail({did: department._id})">
                        <img ng-if="department.photo" ng-src="{{ctrl.schoolurl}}{{ department.photo}} " title="{{ app.name }}"/>
                        <img ng-if="!department.photo" ng-src="assets/images/department.png" title="{{ department.name }}"/>
                      </a>
                    </div>
                  </div>
                  <div class="caption overflow-hidden clst">
                    <h3>
                      <a ui-sref="index.departments.detail({did: department._id})">
                        {{ department.name }}
                      </a>
                    </h3>
                    <p>
                      {{ department.description }}
                    </p>
                  </div>
                </div>
                <div class="margin-bottom-20"></div>
              </div>
            </div>
          </div>
          <div class="margin-bottom-20"></div>
          <!-- Sub Slider Starts -->
          <div ng-if="ctrl.links| notEmpty" class="margin-bottom-20">
            <div uib-carousel active="active" interval="myInterval" >
              <div uib-slide index="$index" ng-repeat="slide in ctrl.links">
                <a href="{{slide.url}}"  target="_blank">
                  <img ng-src="{{schoolUrl+slide.bar}}" style="width:100%;max-height:200px"/>
                </a>
              </div>
            </div>
          </div>
          <!-- Sub Slider Ends -->
          <!-- Events Block -->
          <div class="row">
            <div class="col-md-12 ">
              <div class="headline" ng-if="events | notEmpty">
                <a class="btn btn-default btn-sm pull-right" ui-sref="index.events">
                  {{ 'View All' | translate }}
                  <i class="fa fa-arrow-circle-o-right">
                  </i>
                </a>
                <h4 translate="common.events">
                  Events
                </h4>
              </div>
            </div>
          </div>
          
          <div class="row padding-left-15 margin-bottom-5">
            <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>
          <!-- Events Block Ends -->
          
          <!-- News Block -->
          <div class="headline" ng-if="companys | notEmpty">
            <a class="btn btn-default btn-sm pull-right" ui-sref="index.company">
              {{ 'View All' | translate }}
              <i class="fa fa-arrow-circle-o-right">
              </i>
            </a>
            <h4 translate="index.company">
              Company
            </h4>
          </div>
          <div class="row padding-left-15">
            <div class="col-md-3 col-sm-3 col-xs-12 text-center padding-left-0" ng-repeat="item in companys|limitTo:4">
              <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
                <div class="thumbnail-img">
                  <div class="overflow-hidden text-center">
                    <a ui-sref="index.company.detail({cid: item._id})">
                      <img class="img-responsive" ng-src="{{item.photo? ctrl.companypath+item._id +'/'+ item.photo :  'assets/images/company.png'}}"/>
                    </a>
                  </div>
                </div>
                <div class="list_rating">
                  <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>
                  <span class="list_reviews">
                    <i class="fa fa-eye">
                    </i>
                    {{item.counter||1}}
                  </span>
                </div>
                <div class="clearfix">
                </div>
                <div class="caption overflow-hidden clst" style="height:94px;">
                  <h3>
                    <a ui-sref="index.company.detail({cid: item._id})">
                      {{ item.name }}
                    </a>
                  </h3>
                  <p>
                    <i class="fa fa-map-marker">
                    </i>
                    {{ item.address || 'Singapore' }}
                  </p>
                  <p>
                    {{ item.description }}
                  </p>
                </div>
                <div class="clearfix">
                </div>
                <h3 class="row text-center" ng-if="ctrl.selected" translate>
                  No Result!
                </h3>
              </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 }}
              <i class="fa fa-arrow-circle-o-right">
              </i>
            </a>
            <h4 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>
          
          <!-- 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 }}
                  <i class="fa fa-arrow-circle-o-right">
                  </i>
                </a>
                <h4 translate>
                  Knowledge Zone
                </h4>
              </div>
            </div>
          </div>
          <div class="row padding-left-15" ng-if="_topics | notEmpty">
            <div class="col-md-6 col-lg-6 col-sm-6 padding-left-0" ng-repeat="item in _topics">
              <div class="tag-box tag-box-v1 box-shadow shadow-effect-1 tagbox_pad">
                <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" ng-if="item.last_reply_at">
                    {{ item.last_reply_at | date: 'mediumDate'}}
                  </span>
                  <span class="last-reply" ng-if="!item.last_reply_at">
                    {{ item.create_at | date: 'mediumDate'}}
                  </span>
                  <span class="replies pull-right">
                    <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>
                </div>
                <div class="item-content" style="min-height:3.2em;">
                  <p>
                    {{ getText(item.content) }}
                  </p>
                </div>
              </div>
            </div>
          </div>
          <!-- End Knowledge Zone Block -->
          <div class="clerafix">
          </div>
        </div>
        <div ng-include="" src="'app/home/fmassidebar.html'">
        </div>
      </div>
      <!--/row-->
    </div>
    <!--/container-->
    <!-- End Content Part -->
  </div>
</div>