unserver-unify/src/app/departments/list.html

<div ng-controller="DepartmentListCtrl as ctrl">
  <div class="col-md-3">
    <ul class="sidebar_responsive" ng-class="{'sidebar_active':dropdown}">
      <li ng-class="{'sidebar_responsive_active':dropdown}">
        <button class="btn btn-primary" ng-click="ctrl.toggledrop()" type="button">
          <span class="fa fa-bars">
          </span>
        </button>
        <ul class="list-group sidebar-nav-v1">
          <li class="list-group-item side_hed">
            <a class="form-inline" ng-click="ctrl.list('')" style="cursor:pointer; float:left;">
              <strong style="float:left">
                {{ 'All' | translate }}
              </strong>
              <div class="form-inline" style="float:left">
                <strong>
                  ({{ctrl.totalnumber}})
                </strong>
              </div>
            </a>
          </li>
          <li class="list-group-item" ng-repeat="zone in ctrl.zones" style="position:relative">
            <a class="form-inline" ng-click="ctrl.list(zone)" style="cursor:pointer; float:left;">
              <strong style="float:left" translate>
                {{zone}}
              </strong>
            </a>
          </li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="col-md-9">
    <div class="forum">
      <div class="form-inline pull-left ipad_count_aln" style="line-height: 37px;">
        {{"Total Count"| translate}}:
        <span class="badge badge-green rounded-2x">
          {{ctrl.items.length}}
        </span>
      </div>
    </div>
    <div class="clearfix"></div>
    <div class="no_record" ng-if="ctrl.items.length==0">No Record</div>
    <div class="row margin-bottom-20">
      <div class=" col-md-4 col-sm-4 col-xs-12" current-page="currentPage" dir-paginate="item in ctrl.items |  itemsPerPage: ctrl.itemNumber">
        <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
          <div class="thumbnail-img">
            <div class="overflow-hidden text-center">
              <a ui-sref=".detail({did: item._id})">
                <img class="img-responsive" ng-src="{{item.icon ? ctrl.schoolurl+item.icon :  ctrl.defaultPhoto}}"/>
              </a>
            </div>
          </div>
          <div class="clearfix">
          </div>
          <div class="caption overflow-hidden clst" style="height:94px;">
            <h3>
              <a ui-sref=".detail({did: item._id})">
                {{ item.name }}
              </a>
            </h3>
            <p>
              <i class="fa fa-map-marker">
              </i>
              {{ item.zone || '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>
    <div class="text-right pagination_aln">
      <dir-pagination-controls boundary-links="true"  template-url="components/content/dirPagination.tpl.html">
      </dir-pagination-controls>
    </div>
  </div>
</div>