improve dashboard UI

[portal/ric-dashboard.git] / webapp-frontend / src / app / navigation / sidenav-list / sidenav-list.component.ts

diff --git a/webapp-frontend/src/app/navigation/sidenav-list/sidenav-list.component.ts b/webapp-frontend/src/app/navigation/sidenav-list/sidenav-list.component.ts
index ac8256a..f8b23d0 100644 (file)
--- a/webapp-frontend/src/app/navigation/sidenav-list/sidenav-list.component.ts
+++ b/webapp-frontend/src/app/navigation/sidenav-list/sidenav-list.component.ts
@@ -1,8 +1,8 @@
 /*-
  * ========================LICENSE_START=================================
- * ORAN-OSC
+ * 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.
@@ -18,18 +18,23 @@
  * ========================LICENSE_END===================================
  */
 import { Component, OnInit, Output, EventEmitter } from '@angular/core';
+import { UiService } from '../../services/ui/ui.service';
 
 @Component({
-  selector: 'app-sidenav-list',
+  selector: 'rd-sidenav-list',
   templateUrl: './sidenav-list.component.html',
-  styleUrls: ['./sidenav-list.component.css']
+  styleUrls: ['./sidenav-list.component.scss']
 })
 export class SidenavListComponent implements OnInit {
-  @Output() sidenavClose = new EventEmitter();
+  darkMode: boolean;
+  @Output() sidenavClose: EventEmitter<any>  = new EventEmitter();
 
-  constructor() { }
+  constructor(public ui: UiService) { }
 
   ngOnInit() {
+    this.ui.darkModeState.subscribe((isDark) => {
+      this.darkMode = isDark;
+    });
   }
 
   public onSidenavClose = () => {