details + pagination (wrong version)

Author: cbeldacap

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

@@ -1,4 +1,4 @@
-import {Injectable} from '@angular/core'
+import {Injectable, OnInit} from '@angular/core'
 import {Table} from '../../../models/table/Table.model'
 import {tablesList} from '../../../resources/tables/Tables.resource'
 import {Command} from '../../../models/command/Command.model'
@@ -9,6 +9,8 @@ export class DetailsService{
   commands : Command[] = [];
   commandList : Command[] = commandsList;
 
+
+
   addCommand(c:Command){
 
     let n = 0;
@@ -36,4 +38,8 @@ export class DetailsService{
     this.commands = [];
   }
 
+  copyCommands():Command[]{
+    return JSON.parse(JSON.stringify(this.commands));
+  }
+
 }

oasp4js-sample/src/app/components/details/view/Details.component.html

@@ -31,7 +31,7 @@
 </div>
 
 <div style="text-align:right">
-  <pagination [list] = "detailsService.commands" [rowsPerPage] = "commandsPerPage" (paginationList) = "pagination($event)"></pagination>
+  <pagination [list] = "myCommands" [rowsPerPage] = "commandsPerPage" (paginationList) = "pagination($event)"></pagination>
 </div>
 
 <div style="text-align:right;" class="modal-footer">

oasp4js-sample/src/app/components/details/view/Details.component.ts

@@ -1,4 +1,4 @@
-import {Component, Output, EventEmitter, OnChanges} from '@angular/core'
+import {Component, Output, EventEmitter, OnChanges, OnInit} from '@angular/core'
 import {Table} from '../../../models/table/Table.model'
 import {commandsList} from '../../../resources/commands/Commands.resource'
 import {Command} from '../../../models/command/Command.model'
@@ -15,15 +15,16 @@ import {GridTableComponent} from '../../../oasp/oasp-ui/grid-table/view/Grid-tab
   directives:[PaginationComponent, GridTableComponent],
 })
 
-export class DetailsComponent implements OnChanges{
+export class DetailsComponent implements OnInit{
   resultEvent:EventEmitter<Table> = new EventEmitter<Table>();
   closeWindowEvent = new EventEmitter();
 
   constructor(private detailsService:DetailsService){}
 
-  ngOnChanges(){
+  ngOnInit(){
     if(this.parentTable.commands !== undefined){
       this.detailsService.commands = JSON.parse(JSON.stringify(this.parentTable.commands));
+      this.myCommands = this.detailsService.copyCommands();
     }
   }
 
@@ -41,6 +42,8 @@ export class DetailsComponent implements OnChanges{
   public commandsPerPage = 4;
   public showCommands: Command[];
 
+  public myCommands: Command[];
+
 
   openMenu(){
     this.viewMenu = !this.viewMenu;
@@ -49,8 +52,8 @@ export class DetailsComponent implements OnChanges{
 
   addCommand(){
     this.viewMenu = !this.viewMenu;
-    console.log("addCommand() --> viewMenu = " + this.viewMenu);
     this.detailsService.addCommand(this.commandToAdd);
+    this.myCommands = this.detailsService.copyCommands();
     this.resetValues();
   }
 
@@ -68,6 +71,7 @@ export class DetailsComponent implements OnChanges{
     if(this.detailsService.commands.length === 0){
       this.emptyTable = true;
     }
+    this.myCommands = this.detailsService.copyCommands();
   }
 
   resetValues(){

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

@@ -21,6 +21,7 @@ export class PaginationComponent implements OnChanges{
   paginationList = new EventEmitter();
 
   ngOnChanges(){
+    debugger
     if(this.list){
       if(this.rowsPerPage > this.list.length){
         this.rowsPerPage = this.list.length;