Drop mock load, pendulum, reporting from stats

[portal/ric-dashboard.git] / webapp-frontend / src / app / stats / stats.component.html

diff --git a/webapp-frontend/src/app/stats/stats.component.html b/webapp-frontend/src/app/stats/stats.component.html
index 54c606b..16d07de 100644 (file)
--- a/webapp-frontend/src/app/stats/stats.component.html
+++ b/webapp-frontend/src/app/stats/stats.component.html
@@ -2,7 +2,7 @@
   ========================LICENSE_START=================================
   O-RAN-SC
   %%
-  Copyright (C) 2019 AT&T Intellectual Property and Nokia
+  Copyright (C) 2019 AT&T Intellectual Property
   %%
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -19,99 +19,27 @@
   -->
 <div class="stats__section">
 
-    <h3 class="stats__header">Platform stats</h3>
-
-     <mat-card class="bar-chart-card">
-        <mat-card-header>
-            <mat-card-title>RIC Total Load</mat-card-title>
-        </mat-card-header>
-        <mat-card-content>
-            <canvas baseChart
-                [datasets]="cpuChartData"
-                [labels]="cpuChartLabels"
-                [options]="cpuChartOptions"
-                [colors]="cpuChartColors"
-                [legend]="cpuChartLegend"
-                [chartType]="cpuChartType"
-                (click)="loadClickData()">
-        </canvas>
-        </mat-card-content>
-    </mat-card>
-<mat-divider></mat-divider>
-            <mat-tab-group>
-                         <mat-tab label="Pendulum xApp">  
-                                   <mat-grid-list cols="3" rowHeight="3:2">
-                                           <mat-grid-tile>
-                                               <mat-card>
-                                       <div>Additional Delay</div>
-                                       <mat-slider
-                                           thumbLabel
-                                           tickInterval="1"
-                                           min="0"
-                                           [max]="sliderDelayMax"
-                                           [(ngModel)]="delay" (click)="saveDelay()" ></mat-slider>
-                                                       </mat-card>
-                                           </mat-grid-tile>
-                                       <mat-grid-tile>
-                                           <mat-card class="bar-chart-card">
-                                               <mat-card-header>
-                                                   <mat-card-title>Pendulum Control Loop Latency</mat-card-title>
-                                               </mat-card-header>
-                                               <mat-card-content>
-                                                   <canvas baseChart
-                                                       [datasets]="latencyChartData"
-                                                       [labels]="latencyChartLabels"
-                                                       [options]="latencyChartOptions"
-                                                       [colors]="latencyChartColors"
-                                                       [legend]="latencyChartLegend"
-                                                       [chartType]="latencyChartType"
-                                                       (click)="loadClickData()">
-                                               </canvas>
-                                               </mat-card-content>
-                                           </mat-card>
-                                       </mat-grid-tile>
-                                       <mat-grid-tile>
-                                           <mat-card class="bar-chart-card">
-                                               <mat-card-header>
-                                                   <mat-card-title>Pendulum Control Load</mat-card-title>
-                                               </mat-card-header>
-                                               <mat-card-content>
-                                                   <canvas baseChart
-                                                       [datasets]="loadChartData"
-                                                       [labels]="loadChartLabels"
-                                                       [options]="loadChartOptions"
-                                                       [colors]="loadChartColors"
-                                                       [legend]="loadChartLegend"
-                                                       [chartType]="loadChartType"
-                                                       (click)="loadClickData()">
-                                               </canvas>
-                                               </mat-card-content>
-                                           </mat-card>
-                                       </mat-grid-tile>
-                                   </mat-grid-list>
-
-                         </mat-tab>
-                         <mat-tab label="Reporting xApp">  
-                               <mat-grid-list cols="3" rowHeight="3:2">
-                                   <mat-grid-tile>
-
-<!--                                           <mat-slide-toggle labelPosition="before" [(ngModel)]="checked" (click)="saveLoad($event)" >Additional Load</mat-slide-toggle> -->
-                                               <mat-card>
-                                       <div>Additional Load</div>
-                                       <mat-slider
-                                           thumbLabel
-                                           tickInterval="1"
-                                           min="0"
-                                           [max]="sliderLoadMax"
-                                           [(ngModel)]="load" (click)="saveLoad()" ></mat-slider>
-                                                       </mat-card>
-
-                                   </mat-grid-tile>
-                               </mat-grid-list>
-                               
-                         </mat-tab>
-                       </mat-tab-group>
+       <h3 class="rd-global-page-title">Platform stats</h3>
 
+       <mat-tab-group>
+               <mat-tab label="AC xApp">
+                       <mat-grid-list cols="3" rowHeight="3:2">
+                               <mat-grid-tile>
+                                       <mat-card>
+                                               <iframe [src]="metricsUrlAc"></iframe>
+                                       </mat-card>
+                               </mat-grid-tile>
+                       </mat-grid-list>
+               </mat-tab>
+               <mat-tab label="MC xApp">
+                       <mat-grid-list cols="3" rowHeight="3:2">
+                               <mat-grid-tile>
+                                       <mat-card>
+                                               <iframe [src]="metricsUrlMc"></iframe>
+                                       </mat-card>
+                               </mat-grid-tile>
+                       </mat-grid-list>
+               </mat-tab>
+       </mat-tab-group>
 
 </div>
-       <app-config-event></app-config-event>