X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Fdashboard%2Fdashboard.component.ts;fp=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Fdashboard%2Fdashboard.component.ts;h=0000000000000000000000000000000000000000;hb=434326c60fb0434bda587102b4746173fe425dea;hp=c52ee2aebcb8f0be1f79daa9b60133c5af365500;hpb=37827e492060182b32df67c2a538a29808fa5e17;p=eliot.git

diff --git a/blueprints/common/eliot-ui/frontend-src/src/app/dashboard/dashboard.component.ts b/blueprints/common/eliot-ui/frontend-src/src/app/dashboard/dashboard.component.ts
deleted file mode 100644
index c52ee2a..0000000
--- a/blueprints/common/eliot-ui/frontend-src/src/app/dashboard/dashboard.component.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { EliotserviceService } from '../eliotservice.service';
-import { dashboardInfo,appDeployStatus,stabilityStatus,historyStatus } from '../datainterface';
-import { debug } from 'util';
-
-@Component({
-  selector: 'app-dashboard',
-  templateUrl: './dashboard.component.html',
-  styleUrls: ['./dashboard.component.scss']
-})
-export class DashboardComponent implements OnInit {
-
-  /**chart properties of dashboard */
-
-  public appChartType: string = 'doughnut';
-  public podsNodesChartType: string = 'doughnut';
-  public historyChartType: string = 'line';
-
-  public appChartDatasets: Array<any> = [
-    { data: [], label: 'My First dataset' }
-  ];
-
-  public podsNodesChartDatasets: Array<any> = [
-    { data: [], label: 'My Firstfe dataset' }
-  ];
-
-  public historyChartDatasets: Array<any> = [
-    { 
-      data: [],
-      label: 'Successful Deployment Dataset'
-    }
-  ];
-
-  // public podsNodesChartLabels: Array<any> = ['Pods-stable', 'Pods-unstable', 'nods-stable', 'nodes-unstable', 'services-running'];
-  // public appChartLabels: Array<any> = ['Deployed-Successful', 'Deployment-Failed', 'Deployment-pending'];
-  // public historyChartLabels: Array<any> = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November','December'];
-  public podsNodesChartLabels: Array<any> = []
-  public appChartLabels: Array<any> = [];
-  public historyChartLabels: Array<any> = [];
-
-  public appChartColors: Array<any> = [
-    {
-      backgroundColor: ['#46BFBD', '#F7464A', '#FDB45C'],
-      hoverBackgroundColor: ['#5AD3D1', '#FF5A5E', '#FFC870'],
-      borderWidth: 2,
-    }
-  ];
-  public podsNodesChartColors: Array<any> = [
-    {
-      backgroundColor: ['#58bf28', '#ed5807', '#FDB45C', '#ede613', '#13f2ce'],
-      hoverBackgroundColor: ['#63d62d', '#ff5a00', '#FFC870', '#fff714', '#17ffd9'],
-      borderWidth: 2,
-    }
-  ];
-  public historyChartColors: Array<any> = [
-    {
-      backgroundColor: 'rgba(255, 88, 33, .2)',
-      borderColor: 'rgba(200, 99, 132, .7)',
-      borderWidth: 2,
-    }
-  ];
-
-  dashInfo = {} as dashboardInfo;
-  appStatus = {} as appDeployStatus;
-  stableStatus = {} as stabilityStatus;
-  historyCountStatus = {} as historyStatus;
-
-  constructor(private serviceobj:EliotserviceService) { }
-
-  ngOnInit() {
-    this.getDashboardStatus();
-  }
-
-  /* Chart properties of dashboard */
-
-  public appChartOptions: any = {
-    responsive: true
-  };
-  public podsNodesChartOptions: any = {
-    responsive: true
-  };
-  public historyChartOptions: any = {
-    responsive: true
-  };
-
-  /* Chart functions of dashboard */
-
-  public appChartClicked(e: any): void { }
-  public podsNodesChartClicked(e: any): void { }
-  public appChartHovered(e: any): void { }
-  public podsNodesChartHovered(e: any): void { }
-  public historyChartClicked(e: any): void { }
-  public historyChartHovered(e: any): void { }
-
-
-  // getNodes() {
-  //   this.serviceobj.getNodesArray()
-  //      .subscribe(data => {
-  //       debugger;
-  //       console.log(data);
-  //       this.nodewise = data;
-  //       this.nodesArray = this.nodewise.nodesArray;
-  //      },
-  //      error => console.log(error));
-  // }
-
-  getDashboardStatus() {
-
-    this.serviceobj.getDashboardData()
-    .subscribe(data => {
-      console.log(data);
-      this.appChartLabels = Object.keys(data.appDeployStatus);
-      this.historyChartLabels = Object.keys(data.historyStatus);
-      this.podsNodesChartLabels = Object.keys(data.stabilityStatus);
-      console.log(this.podsNodesChartDatasets);
-      // this.podsNodesChartDatasets.forEach(
-      //   (data)=> {
-
-      //   }
-      // )
-      this.podsNodesChartDatasets[0].data=Object.values(data.stabilityStatus);
-      this.appChartDatasets[0].data=Object.values(data.appDeployStatus);
-      this.historyChartDatasets[0].data=Object.values(data.historyStatus);
-      Object.values(data.appDeployStatus);
-      Object.values(data.historyStatus);
-      Object.values(data.stabilityStatus);
-      debugger;
-    },
-    error => console.log(error));
-  }
-
-}