Slide 140 TP9 filters

1-TP9 catalog.html

<div>
    <div class="lateral-form">
        Results per page: <br/>
        <!-- TODO: Number of products displayed per page. -->
        <input type="number" id="nbFilter" name="nbFilter" ng-model="nbResults"/> Filter by name:
        <br/>
        <!-- TODO -->
        <input type="text" id="nameFilter" name="nameFilter" ng-model="nameFilter.name"/> <br/> Order
        by: <br/>
        <!-- TODO -->
        <select name="bookOrderBy" id="bookOrderBy" ng-model="bookOrderBy">
            <option>name</option>
            <option>price</option>
            <option>rating</option>
        </select>
        <!-- TODO -->
        <br/> Reverse filter: <input type="checkbox" ng-model="filterReverse"/> <br/>
    </div>

    <div class="k-catalog list-products">
        <!-- hproduct/ -->

                <product-summary product="product" ng-repeat="product in products | filter:nameFilter | orderBy:bookOrderBy:filterReverse | startFrom:(currentPage - 1)* nbResults | limitTo:nbResults"/>
        <!-- /hproducts -->
    </div>

    <div class="bloc-pagination">
        <pagination total-items="products.length" ng-model="currentPage" items-per-page="nbResults" class="pagination-sm" boundary-links="true" ></pagination>
    </div>
</div>

2-CatalogController.js

 $scope.nbResults= 5;

3-index.html

<script src="js/filters/startFrom.js"></script>

3-startFrom.js

(function(){
    "use strict";
    /** Filter used to return a collection which only elements at or after a given index. */
    angular.module('app')
    .filter('startFrom', function() {
        return function(pArray, pStartIndex) {
            if (pArray !== undefined && pArray !== null) {
                var filteredArray = [];
                filteredArray = pArray.slice(pStartIndex);
                return filteredArray;
            }
            return pArray;
        };
    });
})();