X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;f=dashboard%2Fwebapp-frontend%2Fsrc%2Fapp%2Frd.component.html;h=1c2c3c792b70d029e746baa398d388f4f8d18816;hb=dbb8ebab82ddbace4c6feb7180a4c6eff5697493;hp=aef2941a8055a5b5e4dd9149df2ac386e3e9c27b;hpb=b96fd22c2a19b61bbd9d4c71c4f4a8fbb3741df1;p=nonrtric.git

diff --git a/dashboard/webapp-frontend/src/app/rd.component.html b/dashboard/webapp-frontend/src/app/rd.component.html
index aef2941a..1c2c3c79 100644
--- a/dashboard/webapp-frontend/src/app/rd.component.html
+++ b/dashboard/webapp-frontend/src/app/rd.component.html
@@ -18,109 +18,100 @@
   ========================LICENSE_END===================================
   -->
 <!-- Slide Menu-->
-<mat-drawer-container autosize >
-  <mat-drawer #drawer mode="push" [ngClass]="{'side-menu__dark': darkModeActive}">
-  <section class="menu-header" [ngClass]="{'menu-header__dark': darkModeActive}">
+<mat-drawer-container autosize>
+  <mat-drawer #drawer mode="push" [ngClass]="{'side-menu__dark': darkMode}">
+    <section class="menu-header" [ngClass]="{'menu-header__dark': darkMode}">
 
-    <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"
-           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)"/>
-        <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)"/>
-        <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)"/>
-      </svg>
-      <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 400 50">
-        <text [ngClass]="{'logo__text-dark': darkModeActive}" class="logo__text" fill="#432c85"
-              font-size="30" font-weight="600"
-              letter-spacing=".1em" transform="translate(149 56)">
-          <tspan x="0" y="0">Non RT RIC Dashboard</tspan>
-        </text>
-      </svg>
+      <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"
+          viewBox="31.5 30 49.9 32">
+          <rect id="Rectangle_9" width="49.9" height="4" [ngClass]="{'hamburger__icon__fill-dark': darkMode}"
+            class="hamburger__icon__fill" data-name="Rectangle 9" rx="2" transform="translate(31.5 58)" />
+          <rect id="Rectangle_10" width="49.9" height="4" [ngClass]="{'hamburger__icon__fill-dark': darkMode}"
+            class="hamburger__icon__fill" data-name="Rectangle 10" rx="2" transform="translate(31.5 44)" />
+          <rect id="Rectangle_11" width="49.9" height="4" [ngClass]="{'hamburger__icon__fill-dark': darkMode}"
+            class="hamburger__icon__fill" data-name="Rectangle 11" rx="2" transform="translate(31.5 30)" />
+        </svg>
+        <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 400 50">
+          <text [ngClass]="{'logo__text-dark': darkMode}" class="logo__text" fill="#432c85" font-size="30"
+            font-weight="600" letter-spacing=".1em" transform="translate(149 56)">
+            <tspan x="0" y="0">Non RT RIC Dashboard</tspan>
+          </text>
+        </svg>
 
-    </div>
+      </div>
 
       <div class="profile-image__container">
-        <img src="assets/profile_default.png" alt="profile-image"
-             class="profile__image">
+        <img src="assets/profile_default.png" alt="profile-image" class="profile__image">
       </div>
       <div class="account-details">
         <span class="name__text">Demo</span>
         <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">
 
     </section>
-</mat-drawer>
+  </mat-drawer>
 
-<mat-drawer-content>
-<div class="root__container">
+  <mat-drawer-content>
+    <div class="root__container">
 
-  <header [ngClass]="{'main__header-dark': darkModeActive}" class="main__header">
+      <header [ngClass]="{'main__header-dark': darkMode}" class="main__header">
 
-    <div class="left__section3Col" *ngIf="!drawer.opened">
-      <svg (click)="drawer.toggle()" class="hamburger__icon" id="Menu_Burger_Icon" data-name="Menu Burger Icon"
-           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)"/>
-        <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)"/>
-        <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)"/>
-      </svg>
-      <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 400 50">
-        <text [ngClass]="{'logo__text-dark': darkModeActive}" class="logo__text" fill="#432c85"
-              font-size="30" font-weight="600"
-              letter-spacing=".1em" transform="translate(149 56)">
-          <tspan x="0" y="0">Non RT RIC Dashboard</tspan>
-        </text>
-      </svg>
+        <div class="left__section3Col" *ngIf="!drawer.opened">
+          <svg (click)="drawer.toggle()" class="hamburger__icon" id="Menu_Burger_Icon" data-name="Menu Burger Icon"
+            viewBox="31.5 30 49.9 32">
+            <rect id="Rectangle_9" width="49.9" height="4" [ngClass]="{'hamburger__icon__fill-dark': darkMode}"
+              class="hamburger__icon__fill" data-name="Rectangle 9" rx="2" transform="translate(31.5 58)" />
+            <rect id="Rectangle_10" width="49.9" height="4" [ngClass]="{'hamburger__icon__fill-dark': darkMode}"
+              class="hamburger__icon__fill" data-name="Rectangle 10" rx="2" transform="translate(31.5 44)" />
+            <rect id="Rectangle_11" width="49.9" height="4" [ngClass]="{'hamburger__icon__fill-dark': darkMode}"
+              class="hamburger__icon__fill" data-name="Rectangle 11" rx="2" transform="translate(31.5 30)" />
+          </svg>
+          <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 400 50">
+            <text [ngClass]="{'logo__text-dark': darkMode}" class="logo__text" fill="#432c85" font-size="30"
+              font-weight="600" letter-spacing=".1em" transform="translate(149 56)">
+              <tspan x="0" y="0">Non RT RIC Dashboard</tspan>
+            </text>
+          </svg>
 
-    </div>
+        </div>
 
-    <h3 class="date__text"></h3>
+        <h3 class="date__text"></h3>
 
-    <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"/>
-        <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>
-      <span class="mode-toggle__text">Dark</span>
-    </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" />
+            <span [ngClass]="{'mode-toggle__bg-checked': darkMode}" class="mode-toggle__bg"></span>
+            <span [ngClass]="{'mode-toggle__circle-checked': darkMode}" class="mode-toggle__circle"></span>
+          </label>
+          <span class="mode-toggle__text">Dark</span>
+        </div>
 
-  </header>
+      </header>
 
-  <!-- Main Content -->
-  <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>
+      <!-- Main Content -->
+      <main class="main__container" [ngClass]="{'main-container__bg-dark': darkMode}">
+        <div class=main__container__body [ngClass]="{'dark-theme': darkMode}">
+          <div class="main-container__bg"></div>
+          <router-outlet></router-outlet>
+        </div>
+      </main>
 
-  <!-- Footer -->
-  <footer class="main__footer" [ngClass]="{'main-footer__bg-dark': darkModeActive}">
-    <div class="main-footer__bg">
-      <rd-footer></rd-footer>
-    </div>
-  </footer>
+      <!-- Footer -->
+      <footer class="main__footer" [ngClass]="{'main-footer__bg-dark': darkMode}">
+        <div class="main-footer__bg">
+          <rd-footer></rd-footer>
+        </div>
+      </footer>
 
-</div>
-</mat-drawer-content>
-</mat-drawer-container>
+    </div>
+  </mat-drawer-content>
+</mat-drawer-container>
\ No newline at end of file