unserver-unify/src/app/material/materiallist.html

<div ng-controller="MaterialListCtrl 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 ng-click="ctrl.list(item.key)" class="{{(item.key==ctrl.option) ? 'active' : ''}} list">
          <span style="cursor: pointer;">
            {{item.title}} &nbsp;
            <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 Article' | 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="forum">
      <div class="srch_total">
        <div class="form-inline pull-left ipad_count_aln">
          {{"Total"| translate}}:
          <span class="badge badge-green rounded-2x">
            {{articleCounter}}
          </span>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" pagination-id="pagename" dir-paginate="item in ctrl.items | itemsPerPage: ctrl.itemNumber" total-items="ctrl.catCount" current-page="ctrl.currentPage">
        <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
          <div class="thumbnail-img">
            <div class="overflow-hidden text-center">
              <a ui-sref="{{item.url}}({id: item._id})">
                <img class="img-responsive" ng-src="{{item.photo? ctrl.photoUrl + item._id +'/'+ item.photo :  ctrl.defaultPhoto}}" />
              </a>
            </div>
          </div>
          <div class="clearfix margin-bottom-10"></div>
          <div class="caption overflow-hidden clst" style="height:102px">
            <h3>
              <a class="hover-effect" ui-sref="{{item.url}}({id: item._id})">
                {{ item.name }}
              </a>
            </h3>
            <p>{{ item.description }}</p>
          </div>
          <ul class="list-inline  text-left course_btm" style="margin: 10px 0 0" ng-style="newsbtmStyle">
            <li class="padding-left-0">
              <span>
                  <!--{{item.creater}}-->
                </span>
            </li>
            <li class="pull-right">
              <i class="fa fa-eye"></i>
              <span>{{ item.visitors || 0}}</span>
            </li>
          </ul>
        </div>

      </div>
    </div>
    <div ng-show="ctrl.catCount >ctrl.itemNumber">
      <div class="col-md-12 forum">
        <div class="text-right pagination_aln">
          <dir-pagination-controls pagination-id="pagename" boundary-links="true" template-url="components/content/dirPagination.tpl.html" on-page-change="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>
</div>