Add limit and fix reverse filter when no criteria is selected.

Leonardo Merlin
1 parent c3e6490b
Showing 2 changed files with 16 additions and 7 deletions Show diff stats
src/app/components/programas/programas.directive.js
src/app/components/programas/programas.html
@@ -29,6 +29,7 @@
       var vm = this;
       vm.query = null;
+      vm.limitTo = 4;
       vm.categoryFilter = null;
       vm.orderCriteries = [
       { label: 'Título', name: 'title' },
@@ -127,12 +128,9 @@
     return function (input, criteria, reverse){
       input = input || [];
+      criteria = criteria || {};
       reverse = reverse || false;
-      if( !criteria ){
-        return input;
-      }
-
       var out = [];
       // for (var i = 0; i < input.length; i++) {
       //   var program = input[i];
@@ -152,10 +150,16 @@
           // break;
         default:
           $log.info('Criteria not handled yet: ', criteria);
-          out = input;
+
+          if(reverse){
+            out = input.slice().reverse();
+          }else{
+            out = input;
+          }
           break;
       }
+
       return out;
     };
   }
@@ -44,13 +44,18 @@
               <div class="checkbox">
                 <label>
-                  <input type="checkbox" ng-model="orderReverse"> Reverso
+                  <input type="checkbox" ng-model="orderReverse">
+                  Reverso
                 </label>
               </div>
+
+              <input id="programListLimit" type="number" class="form-control input-sm" size="4" step="2" ng-model="vm.limitTo" aria-label="Limitar" >
+              <label for="programListLimit" class="control-label">Limite</label>
+
             </div>
           </div>
         </div>
-        <div ng-repeat="program in vm.programs | filterByCategory:vm.categoryFilter | filterByCriteria:vm.orderCriteria:orderReverse | filter:vm.query  as results">
+        <div ng-repeat="program in vm.programs | filterByCategory:vm.categoryFilter | filterByCriteria:vm.orderCriteria:orderReverse | filter:vm.query | limitTo:vm.limitTo as results">
           <programa-box program="program" class="col-sm-12 col-md-6"></programa-box>
           <div ng-if="$odd" class="clearfix"></div>
         </div>