add pacakges dashboard component to new cds ui

Issue-ID: CCSDK-1951
Signed-off-by: Ahmed Abbas <ahmad.helmy@orange.com>
Change-Id: I0c320e5f49a50e442068f5af1fd79c41c97bb74d

1 files changed, 30 insertions, 0 deletions

diff --git a/cds-ui/client-frankfurt/src/app/modules/feature-modules/packages/packages-dashboard/package-pagination/package-pagination.component.ts b/cds-ui/client-frankfurt/src/app/modules/feature-modules/packages/packages-dashboard/package-pagination/package-pagination.component.ts
new file mode 100644
index 000000000..49a88c6c2
--- /dev/null
+++ b/cds-ui/client-frankfurt/src/app/modules/feature-modules/packages/packages-dashboard/package-pagination/package-pagination.component.ts
@@ -0,0 +1,30 @@
+import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';
+import { PackagesStore } from '../../packages.store';
+
+@Component({
+  selector: 'app-package-pagination',
+  templateUrl: './package-pagination.component.html',
+  styleUrls: ['./package-pagination.component.css'],
+})
+export class PackagePaginationComponent implements OnInit {
+  pageNumber = 0;
+  totalCount = 4;
+  pageSize: number;
+
+  constructor(private packagesStore: PackagesStore) {
+    this.pageSize = packagesStore.pageSize;
+   }
+
+  ngOnInit() {
+  }
+
+  public getPageFromService(page) {
+    console.log('getPageFromService', page);
+    if (isNaN(page)) {
+      page = 1;
+      console.log('page change to first...', page);
+    }
+    this.packagesStore.getPagedPackages(page - 1, this.packagesStore.pageSize);
+  }
+
+}