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, 28 insertions, 0 deletions

diff --git a/cds-ui/client-frankfurt/src/app/modules/feature-modules/packages/packages-dashboard/package-list/package-list.component.ts b/cds-ui/client-frankfurt/src/app/modules/feature-modules/packages/packages-dashboard/package-list/package-list.component.ts
new file mode 100644
index 000000000..4ef0faf45
--- /dev/null
+++ b/cds-ui/client-frankfurt/src/app/modules/feature-modules/packages/packages-dashboard/package-list/package-list.component.ts
@@ -0,0 +1,28 @@
+import { Component, OnInit } from '@angular/core';
+import { BlueprintModel } from '../../model/BluePrint.model';
+import { PackagesStore } from '../../packages.store';
+
+@Component({
+  selector: 'app-packages-list',
+  templateUrl: './package-list.component.html',
+  styleUrls: ['./package-list.component.css']
+})
+export class PackageListComponent implements OnInit {
+
+  viewedPackages: BlueprintModel[] = [];
+  numberOfPackages: number;
+
+
+  constructor(private packagesStore: PackagesStore) {
+    console.log('PackageListComponent');
+    this.packagesStore.state$.subscribe(page => {
+      console.log(page);
+      this.viewedPackages = page.content;
+    });
+  }
+
+  ngOnInit() {
+    // this.packagesStore.getPagedPackages(0, this.packagesStore.pageSize);
+  }
+
+}