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

<div ng-controller="ProductListCtrl as ctrl">
  <div class="block-description white-bg product_list" ng-class="{'scroll_fixed':bottomFlag}" scroll="" style="padding-bottom: 0 !important;">
    <div class="inline_nav">
      <div class="container">
        <div class="row">
          <button class="btn btn-primary" ng-click="ctrl.toggledrop()" type="button">
            <span class="fa fa-bars">
            </span>
          </button>
          <ul class="nav navbar-nav">
            <!--   <li ng-include="'catTree.html'"  ng-repeat="item in catitems">
            </li> -->
            <li ng-repeat="item in ctrl.categorylist" class="{{(item==ctrl.option) ? 'active' : ''}}">
              <a class="{{(item==ctrl.option) ? 'active' : ''}}" ng-click="scrollTo('category'+($index+1));(ctrl.option = item)">
                <span style="cursor: pointer;">
                  {{item}}
                </span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="slider slider_full_middle" style="background: grey;">
      <div active="active" interval="myInterval" uib-carousel="">
        <div class="carousel-inner" ng-if="ctrl.banners.length > 0">
          <div index="$index" ng-repeat="slide in ctrl.banners" uib-slide="">
            <div class="text-center">
              <img ng-src="{{ctrl.bannerPath}}{{slide}}"/>
            </div>
          </div>
        </div>
        <div class="carousel-inner" ng-if="ctrl.banners.length <= 0">
          <div style="color:white;text-align:center;padding:10%">
            <h3>
              Oops , you have not uploaded any carousel slides !
            </h3>
          </div>
        </div>
      </div>
    </div>
    <div class="clearfix">
    </div>
    <!--=== Category 1 ===-->
    <div class="container content-sm" id="category{{$index+1}}" ng-repeat="cat in ctrl.categorylist">
      <div class="headline">
        <h2>
          {{cat}} 
        </h2>
        <a class="btn btn-default btn-sm pull-right" ng-click="ctrl.setTab('course')" ui-sref="index.product({key:cat})" translate="">
          View All 
        </a>
      </div>
      <div class="row padding-left-15">
        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 padding-left-0" current-page="ctrl.currentPage" dir-paginate="item in ctrl.productDict[cat] | itemsPerPage: ctrl.itemNumber" pagination-id="products" total-items="ctrl.catCount">
          <div class="thumbnails thumbnail-style thumbnail-kenburn relative" ui-sref="index.store.detail({id:item._id})">
            <div class="thumbnail-img">
              <div class="overflow-hidden">
                <a>
                  <img class="img-responsive" ng-src="{{item.photo? ctrl.productpath+item._id +'/'+ item.photo :  ctrl.defaultPhoto}}"/>
                </a>
              </div>
            </div>
            <div class="caption overflow-hidden clst" style="margin:0; padding-top:6px;">
              <h3>
                <a class="hover-effect">
                  {{item.name}}
                </a>
              </h3>
              <p class="desc">
                {{item.description}}
              </p>
              <p class="price" ng-if="item.price&&loginService.school.paymentFlag">
                <b>
                  Price:
                </b>
                <span>
                  {{ctrl.currency}}{{ item.sellingprice||item.price }}
                </span>
                <span class="strike" ng-if="item.sellingprice">
                  <span>
                    {{ item.price }}
                  </span>
                  {{item.deals|number:0}} {{ '%off' | translate}}
                </span>
              </p>
              <p class="price" ng-if="!item.price&&loginService.school.paymentFlag" translate="">
                Free
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="margin-bottom-50">
  </div>
</div>
<!--=== End Comments ===-->