X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;f=webapp-frontend%2Fsrc%2Fapp%2Fstats%2Fstats.component.html;h=8975c5f00a073e1f0cc60b4f7d16f9e022c51504;hb=761f2ad4329fcb8ef86797997f2a8b5fe5368e70;hp=54c606b1a90854ba7eb8b26475c39cd8be71446e;hpb=be7a01eda7e4fb9f97a18009d727e6a0692e9399;p=portal%2Fric-dashboard.git

diff --git a/webapp-frontend/src/app/stats/stats.component.html b/webapp-frontend/src/app/stats/stats.component.html
index 54c606b1..8975c5f0 100644
--- 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,90 @@
   -->
 <div class="stats__section">
 
-    <h3 class="stats__header">Platform stats</h3>
+	<h3 class="rd-global-page-title">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-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-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>
+	<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-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 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>
+
+<rd-app-config-event></rd-app-config-event>