detail pagination

Author: Garcia Marin

oasp4js-sample/src/app/components/details/service/Details.service.ts

@@ -21,17 +21,19 @@ export class DetailsService{
     }
 
     if(n === 0){n = 100000}
-
-    c.setNumber(n+1);
-    c.setTitle(c.getTitle())
-    c.setStatus('ORDERED');//by default
-    c.setPrice(c.getPrice());
-    this.commands.push(c);
+    let d = new Command(n+1, c.getTitle(),'ORDERED', c.getPrice(), "...");
+    this.commands.push(d);
   }
 
   removeCommand(c:Command){
-    let index = this.commands.indexOf(c);
-    this.commands.splice(index,1);
+    // debugger
+    // let index = this.commands.indexOf(c);
+    for(let i = 0; i < this.commands.length ; i ++){
+      if(this.commands[i].number === c.number){
+        this.commands.splice(i,1);
+        break;
+      }
+    }
   }
 
   resetCommands(){

oasp4js-sample/src/app/oasp/oasp-ui/table-pagination/Pagination.component.ts

@@ -7,29 +7,41 @@ import {Component, OnChanges, EventEmitter} from '@angular/core'
   outputs: ['paginationList']
 })
 
-export class PaginationComponent implements OnChanges{
+export class PaginationComponent{
 
   list;
   showList;
 
   currentPage: number = 1;
   pageView: number = 1;
 
+  initRowsPerPage: number;
   rowsPerPage: number;
   numberPages: number;
 
   paginationList = new EventEmitter();
 
   ngOnChanges(){
-    debugger
     if(this.list){
+
+      if(!this.initRowsPerPage) {
+        this.initRowsPerPage = this.rowsPerPage;
+      }
+
       if(this.rowsPerPage > this.list.length){
         this.rowsPerPage = this.list.length;
+      } else {
+        this.rowsPerPage = this.initRowsPerPage;
       }
 
       this.showList = this.list.slice(this.rowsPerPage * (this.currentPage - 1), this.rowsPerPage * (this.currentPage - 1) + this.rowsPerPage);
       this.numberPages = Math.ceil(this.list.length / this.rowsPerPage);
-      this.paginationList.emit(this.showList)
+      this.paginationList.emit(this.showList);
+
+      if(this.showList.length <= 0){
+        this.changePage(this.currentPage - 1, 0);
+      }
+
     }
   }