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

<div ng-controller="ProjectListCtrl as ctrl">
  <div class="col-md-3">
    <script type="text/ng-template" id="catTree.html">
      <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 type="button" class="btn btn-primary" ng-click="ctrl.toggledrop()">
          <span class="fa fa-bars">
          </span>
        </button>
        <ul  class="list-group sidebar-nav-v1">
          <li class="list-group-item side_hed">
            <a ng-click="ctrl.list('')" style="cursor:pointer; float:left;" class="form-inline">
              <strong  style="float:left">
                {{'All Project'|translate}}&nbsp;
              </strong>
              <div class="form-inline" style="float:left">
                <strong>
                  &nbsp;({{ ctrl.totalCount }})
                </strong>
              </div>
            </a>
          </li>
          <li ng-repeat="item in catitems" ng-include="'catTree.html'" class="list-group-item" 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" pagination-id="pagename" dir-paginate="item in ctrl.items | itemsPerPage: ctrl.itemNumber" total-items="ctrl.catCount" current-page="ctrl.currentPage">
          <div class="easy-block-v1 margin-bottom-20">
            <div ng-if="item.category" class="easy-block-v1-badge rgba-purple">{{ item.category }}</div>
            <div class="thumbnail-img">
              <div class="overflow-hidden text-center">
                <a ui-sref="index.project.detail({id: item._id})">
                  <img class="img-responsive" ng-src="{{item.photo? ctrl.photoUrl + item._id +'/'+ item.photo :  ctrl.defaultPhoto}}"/>
                </a> 
              </div>
            </div>
            <div class="white-bg">
              <div class="overflow-h">
                <h3 style="height:17px; overflow:hidden; width:100%; cursor:pointer;" ui-sref="index.project.detail({id: item._id})">{{ item.name }}</h3>
              </div>
              <ul class="list-unstyled" style="height:60px;">
                <li class="margin-bottom-5 cursor-pointer" ui-sref="index.company.detail({cid: item.company._id})"><b class="color-teal" >{{item.company.name}}</b></li>
                <li><span class="color-green" translate>Positions Available</span>: {{item.jobcounter || 0}}</li>
                <li><span class="color-green" translate>Posted on</span>: {{ item.update | date :'yyyy-MM-dd' }}</li>
              </ul>
              <div class="btn-u btn-u-sm margin-bottom-10" ui-sref="index.project.detail({id: item._id})" translate>View Project</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 pagination-id="pagename" boundary-links="true" template-url="components/content/dirPagination.tpl.html" on-page-change="q='';ctrl.pageChanged(newPageNumber)" class="with-others">
        </dir-pagination-controls>
      </div>
    </div>
  </div>
  <h3 class="text-center" ng-if="!ctrl.items||ctrl.items.length <1" translate>
    No Result!
  </h3>
</div>