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

<div ng-controller="PositionListCtrl as ctrl">
  <div class="col-md-3">
    <script id="catTree.html" type="text/ng-template">
      <ul class="{(item.key==ctrl.option) ? 'active' : ''}} side-nav">
        <i class="sidebar_arrow {{item.items.length>0 ? 'fa fa-angle-right':''}}"  >
        </i>
        <a  class="{{(item.key==ctrl.option) ? 'active' : ''}} list" ng-click="ctrl.list(item.key)">
          <span style="cursor: pointer;">
            {{item.title}}
            <span ng-if='item.value==0' class="itm_cntr" style="width:auto!important">
              ({{item.counter||0}})
            </span>
          </span>
        </a>
        <ul class="second_level">
          <li ng-repeat="item in item.items" ng-include="'catTree.html'">
          </li>
        </ul>
      </ul>
    </script>
    <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 Positions'|translate}}
              </strong>
              <div class="form-inline" style="float:left">
                <strong>
                  ({{ ctrl.totalCount }})
                </strong>
              </div>
            </a>
          </li>
          <li class="list-group-item" ng-include="'catTree.html'" ng-repeat="item in catitems" style="position:relative">
          </li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="col-md-9">
    <div class="row high-rated padding_right-8">
      <!-- Easy Block -->
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 md-margin-bottom-40 padding_half" current-page="ctrl.currentPage" dir-paginate="item in ctrl.items | itemsPerPage: ctrl.itemNumber" pagination-id="pagename" total-items="ctrl.catCount">
        <div class="easy-block-v1 margin-bottom-20">
          <div class="thumbnail-img">
            <div class="overflow-hidden text-center">
              <a ui-sref=".detail({id: item._id})">
                <img class="img-responsive" ng-src="{{item.photo? ctrl.photoUrl + item.photo :  ctrl.defaultPhoto}}"/>
              </a>
            </div>
          </div>
          <div class="white-bg" ui-sref=".detail({id: item._id})">
            <div class="overflow-h">
              <div style="overflow: hidden; height:135px; border-bottom:10px solid #fff;">
                <h3 style="color:#2196F3; font-size: 20px; width: 100%; line-height: 25px; font-weight: 100; margin-bottom: 2px; ">
                  {{ item.name }}
                </h3>
                <div class="clearfix"></div>
                <ul class="list-unstyled">
                  <li>
                    <b><span class="color-green" translate="">Courses Available</span>: {{ item.coursecounter || 0 }}</b>
                  </li>
                </ul>
                <p style="line-height: 20px;">
                  {{ item.description }}
                </p>
              </div>
            </div>
            <div class="clearfix"></div>
          </div>
          <div class="clearfix"></div>
        </div>
      </div>
      <!-- End Easy Block -->
    </div>
  </div>
  <div ng-show="ctrl.catCount> ctrl.itemNumber">
    <div class="col-md-12 forum">
      <div class="tag-box tag-box-v6 margin-bottom-20 text-right clearfix">
        <dir-pagination-controls boundary-links="true" class="with-others" on-page-change="q='';ctrl.pageChanged(newPageNumber)" pagination-id="pagename" template-url="components/content/dirPagination.tpl.html">
        </dir-pagination-controls>
      </div>
    </div>
  </div>
  <h3 class="text-center" ng-if="!ctrl.items||ctrl.items.length <1" translate="">
    No Result!
  </h3>
</div>