X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;f=dashboard%2Fwebapp-frontend%2Fsrc%2Fapp%2Fpolicy-control%2Fpolicy-control.component.ts;h=3bfe5eaae70111b3377b75792e0fa0a7dd77a27e;hb=dbb8ebab82ddbace4c6feb7180a4c6eff5697493;hp=70b8c453ddb14c7e5edc2061a4482e0c3fd436f8;hpb=8606e97a04661229da2dda6701b11a69fb6a43d8;p=nonrtric.git

diff --git a/dashboard/webapp-frontend/src/app/policy-control/policy-control.component.ts b/dashboard/webapp-frontend/src/app/policy-control/policy-control.component.ts
index 70b8c453..3bfe5eaa 100644
--- a/dashboard/webapp-frontend/src/app/policy-control/policy-control.component.ts
+++ b/dashboard/webapp-frontend/src/app/policy-control/policy-control.component.ts
@@ -34,12 +34,13 @@ import { NotificationService } from '../services/ui/notification.service';
 import { ErrorDialogService } from '../services/ui/error-dialog.service';
 import { ConfirmDialogService } from './../services/ui/confirm-dialog.service';
 import { Subject } from 'rxjs';
+import { UiService } from '../services/ui/ui.service';
 
 class PolicyTypeInfo {
     constructor(public type: PolicyType, public isExpanded: boolean) { }
 
     isExpandedObservers: Subject<boolean> = new Subject<boolean>();
-};
+}
 
 @Component({
     selector: 'rd-policy-control',
@@ -59,21 +60,26 @@ export class PolicyControlComponent implements OnInit {
     @ViewChild(MatSort, { static: true }) sort: MatSort;
 
     expandedTypes = new Map<string, PolicyTypeInfo>();
+    darkMode: boolean;
 
     constructor(
         private policySvc: PolicyService,
         private dialog: MatDialog,
         private errorDialogService: ErrorDialogService,
         private notificationService: NotificationService,
-        private confirmDialogService: ConfirmDialogService) { }
+        private confirmDialogService: ConfirmDialogService,
+        private ui: UiService) { }
 
     ngOnInit() {
         this.policyTypesDataSource = new PolicyTypeDataSource(this.policySvc, this.sort, this.notificationService);
         this.policyTypesDataSource.loadTable();
+        this.ui.darkModeState.subscribe((isDark) => {
+            this.darkMode = isDark;
+        });
     }
 
     createPolicyInstance(policyType: PolicyType): void {
-        const dialogRef = this.dialog.open(PolicyInstanceDialogComponent, getPolicyDialogProperties(policyType, null));
+        const dialogRef = this.dialog.open(PolicyInstanceDialogComponent, getPolicyDialogProperties(policyType, null, this.darkMode));
         const info: PolicyTypeInfo = this.getPolicyTypeInfo(policyType);
         dialogRef.afterClosed().subscribe(
             (result: any) => {
@@ -83,7 +89,7 @@ export class PolicyControlComponent implements OnInit {
     }
 
     toggleListInstances(policyType: PolicyType): void {
-        let info = this.getPolicyTypeInfo(policyType);
+        const info = this.getPolicyTypeInfo(policyType);
         info.isExpanded = !info.isExpanded;
         info.isExpandedObservers.next(info.isExpanded);
     }