Add asserts to silence Sonar warnings re tests

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

diff --git a/webapp-frontend/src/app/rd.component.html b/webapp-frontend/src/app/rd.component.html
index be30f56..85cbbcd 100644 (file)
--- a/webapp-frontend/src/app/rd.component.html
+++ b/webapp-frontend/src/app/rd.component.html
@@ -18,9 +18,9 @@
   ========================LICENSE_END===================================
   -->
 <!-- Slide Menu-->
-<mat-drawer-container autosize>
-  <mat-drawer #drawer mode="push">
-  <section class="menu-header">
+<mat-drawer-container autosize >
+  <mat-drawer #drawer mode="push" [ngClass]="{'side-menu__dark': darkModeActive}">
+  <section class="menu-header" [ngClass]="{'menu-header__dark': darkModeActive}">
 
     <div class="left__section3Col" *ngIf="drawer.opened"  [ngClass]="{'menumargin-top': drawer.opened}">
       <svg (click)="drawer.toggle()" class="hamburger__icon" id="Menu_Burger_Icon" data-name="Menu Burger Icon"
@@ -55,8 +55,8 @@
         <span class="email__text">demo@o-ran-sc.org</span>
       </div>
     </section>
-    <section #sidenav class="menu-body">
-       <rd-sidenav-list></rd-sidenav-list>
+    <section #sidenav class="menu-body" >
+       <rd-sidenav-list ></rd-sidenav-list>
     </section>
     <section class="menu-footer">
 
@@ -73,15 +73,15 @@
            viewBox="31.5 30 49.9 32">
         <rect id="Rectangle_9" width="49.9" height="4" [ngClass]="{'hamburger__icon__fill-dark': darkModeActive}"
               class="hamburger__icon__fill" data-name="Rectangle 9" rx="2"
-              transform="translate(31.5 58)"/>
+              transform="translate(31.5 58)" />
         <rect id="Rectangle_10" width="49.9" height="4" [ngClass]="{'hamburger__icon__fill-dark': darkModeActive}"
               class="hamburger__icon__fill" data-name="Rectangle 10" rx="2"
-              transform="translate(31.5 44)"/>
+              transform="translate(31.5 44)" />
         <rect id="Rectangle_11" width="49.9" height="4" [ngClass]="{'hamburger__icon__fill-dark': darkModeActive}"
               class="hamburger__icon__fill" data-name="Rectangle 11" rx="2"
-              transform="translate(31.5 30)"/>
+              transform="translate(31.5 30)" />
       </svg>
-      <img src="../../assets/oran-logo.png" width="180%" height="100%" style="position: relative; z-index: 50"/>
+      <img src="../../assets/oran-logo.png" width="180%" height="100%" style="position: relative; z-index: 50" />
       <svg class="logo__icon" viewBox="150.3 22.2 313.7 42.8">
         <text [ngClass]="{'logo__text-dark': darkModeActive}" class="logo__text" fill="#432c85"
               font-size="30" font-weight="600"
@@ -92,12 +92,21 @@
 
     </div>
 
-    <h3 class="date__text"></h3>
+    <div>
+      <mat-label class="selector-label">Select RIC Instance</mat-label>
+      <mat-form-field>
+        <mat-select (selectionChange)="changeInstance($event.value)" [(value)]="selectedInstanceKey">
+          <mat-option *ngFor="let instance of instanceArray" [value]="instance.key">
+            {{instance.name}}
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
+    </div>
 
     <div class="mode-toggle__container">
       <span class="mode-toggle__text">Light</span>
       <label class="toggle-button__container">
-        <input (click)="modeToggleSwitch()" type="checkbox" class="mode-toggle__input"/>
+        <input (click)="modeToggleSwitch()" type="checkbox" class="mode-toggle__input" />
         <span [ngClass]="{'mode-toggle__bg-checked': darkModeActive}" class="mode-toggle__bg"></span>
         <span [ngClass]="{'mode-toggle__circle-checked': darkModeActive}" class="mode-toggle__circle"></span>
       </label>
@@ -107,16 +116,16 @@
   </header>
 
   <!-- Main Content -->
-  <main class="main__container">
-    <div class = main__container__body>
-      <div class="main-container__bg" [ngClass]="{'main-container__bg-dark': darkModeActive}"></div>
+  <main class="main__container" [ngClass]="{'main-container__bg-dark': darkModeActive}" >
+    <div class = main__container__body [ngClass]="{'dark-theme': darkModeActive}">
+      <div class="main-container__bg"></div>
       <router-outlet></router-outlet>
     </div>
   </main>
 
   <!-- Footer -->
-  <footer class="main__footer">
-    <div class="main-footer__bg" [ngClass]="{'main-footer__bg-dark': darkModeActive}">
+  <footer class="main__footer" [ngClass]="{'main-footer__bg-dark': darkModeActive}">
+    <div class="main-footer__bg">
       <rd-footer></rd-footer>
     </div>
   </footer>