unserver-unify/src/app/product/productlist.html

<div class="product_list" ng-controller="ProductListCtrl 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 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 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 Product' | translate }}
              </strong>
            </a>
          </li>
          <li class="list-group-item" ng-repeat="(key,value) in ctrl.categorylist" style="position:relative">
            <ul class="{(key==ctrl.option) ? 'active' : ''}} side-nav">
              <a ng-click="ctrl.list(key)" class="{{(key==ctrl.option) ? 'active' : ''}} list">
                <span style="cursor: pointer;">
                  {{ key }} &nbsp;
                  <span class="itm_cntr" style="width:auto!important">
                    ({{ value||0 }})
                  </span>
                </span>
              </a>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="col-md-9">
    <div class="forum">
      <div class="input-group col-lg-3 col-md-3 col-sm-3 top-search" ng-class="{'enable': ctrl.q.length > 0}">
        <input class="form-control" ng-model="ctrl.q" placeholder="{{ 'Search Product Name' | translate }}" style="min-width:200px;" type="text">
          <span class="input-group-btn">
            <button class="btn btn-primary srch_btn" ng-click="ctrl.search(ctrl.q)" type="button">
              <i class="fa fa-search">
              </i>
            </button>
            <button class="btn btn-default" ng-click="ctrl.clearSearch()" ng-show="ctrl.q.length > 0" type="button">
              <i class="fa fa-remove">
              </i>
            </button>
          </span>
        </input>
      </div>
      <div class="tag-box tag-box-v6 margin-bottom-20 text-right clearfix" style="min-height:56px">
        <div class="form-inline pull-left ipad_count_aln">
          {{"Total Count"| translate}}:
          <span class="badge badge-green rounded-2x">
            {{ctrl.totalCount || 0}}
          </span>
        </div>
        <div class="form-inline pull-right sorting" style="line-height:35px;">
          <a class="latest" ng-class="{'active': ctrl.sortmethod == 'created'}" ng-click="ctrl.get('created', true)">
            <i class="fa fa-clock-o">
            </i>
            {{"Latest" | translate}}
          </a>
          <a class="recommended" ng-class="{'active': ctrl.sortmethod == 'position'}" ng-click="ctrl.get('discount', true)">
            <i class="fa fa-thumbs-o-up">
            </i>
            {{"Deals" | translate}}
          </a>
          <a class="topest" ng-class="{'active': ctrl.sortmethod == 'top'}" ng-click="ctrl.get('price',true)">
            <i class="fa fa-arrow-down">
            </i>
            {{"Low Price" | translate}}
          </a>
        </div>
      </div>
    </div>
    <div class="no_record" translate="" ng-if="ctrl.totalProdutcCount == 0">
      No Record
    </div>
    <div class="row margin-bottom-20">
      <div class=" col-md-4 col-sm-4 col-xs-12 text-center" current-page="ctrl.currentPage" dir-paginate="item in ctrl.items | itemsPerPage: ctrl.itemNumber" pagination-id="products" total-items="ctrl.catCount">
        <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
          <div class="thumbnail-img">
            <div class="overflow-hidden text-center">
              <a ui-sref="index.store.detail({id: item._id})">
                <img class="img-responsive" ng-src="{{item.photo? ctrl.productpath+item._id +'/'+ item.photo :  ctrl.defaultPhoto}}"/>
              </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">
              (2 {{ 'reviews' | translate }})
            </span>
          </div>
          <div class="clearfix">
          </div>
          <div class="caption overflow-hidden clst" style="height:94px;">
            <h3>
              <a ui-sref="index.store.detail({id: item._id})">
                {{ item.name }}
              </a>
            </h3>
            <p class="price" ng-if="item.price&&loginService.school.paymentFlag">
              {{ctrl.currency}} {{ item.sellingprice||item.price }}
              <span class="strike" ng-if="item.sellingprice">
                <span>
                  {{ctrl.currency}} {{ item.price }}
                </span>
                {{item.deals|number:0}} {{ '%off' | translate}}
              </span>
            </p>
            <p class="price" ng-if="!item.price&&loginService.school.paymentFlag" translate>
              Free
            </p>
            <p>
              {{ item.description }}
            </p>
          </div>
          <div class="clearfix">
          </div>
        </div>
      </div>
    </div>
    <div class="text-right pagination_aln" ng-show="ctrl.catCount >ctrl.itemNumber">
      <dir-pagination-controls boundary-links="true" on-page-change="ctrl.pageChanged(newPageNumber)" pagination-id="products" template-url="components/content/dirPagination.tpl.html">
      </dir-pagination-controls>
    </div>
  </div>
</div>