New Angular UI from 1806

Change-Id: I39c160db0e0a6ec2e587ccf007ee1b23c6a08666
Issue-ID: VID-208
Signed-off-by: Sonsino, Ofir (os0695) <os0695@intl.att.com>

1 files changed, 42 insertions, 0 deletions

diff --git a/vid-webpack-master/src/app/healthStatus/health-status.component.ts b/vid-webpack-master/src/app/healthStatus/health-status.component.ts
new file mode 100644
index 000000000..6a9ddfdd7
--- /dev/null
+++ b/vid-webpack-master/src/app/healthStatus/health-status.component.ts
@@ -0,0 +1,42 @@
+import { Component, OnInit } from '@angular/core';
+import {ExternalComponentStatus} from "../shared/models/externalComponentStatus";
+import {HealthStatusService} from "../shared/server/healthStatusService/health-status.service";
+
+@Component({
+  selector: 'app-health-status',
+  templateUrl: './health-status.component.html',
+  styleUrls: ['./health-status.component.scss']
+})
+export class HealthStatusComponent implements OnInit {
+  private componentStatuses: Array<ExternalComponentStatus> = [];
+  private dataIsReady: boolean;
+  private lastUpdatedDate: Date;
+
+  constructor(private _healthStatusService: HealthStatusService) {
+  }
+
+
+  ngOnInit() {
+    this.refreshData();
+  }
+
+  refreshData(): void {
+    this.dataIsReady = false;
+    this._healthStatusService.getProbe()
+      .subscribe((res: Array<ExternalComponentStatus>) => {
+        this.componentStatuses = res;
+        this.dataIsReady = true;
+        this.lastUpdatedDate = new Date();
+      })
+  }
+
+  getMetadata(status : ExternalComponentStatus):string {
+    let metadata = status.metadata;
+    delete metadata.rawData;
+    return metadata;
+  }
+
+  isAvailable(componentStatus: ExternalComponentStatus) {
+    return componentStatus.available;
+  }
+}