import { NotificationService } from '../services/ui/notification.service';
import { RanControlConnectDialogComponent } from './ran-connection-dialog.component';
import { RANControlDataSource } from './ran-control.datasource';
+import { UiService } from '../services/ui/ui.service';
@Component({
selector: 'rd-ran-control',
styleUrls: ['./ran-control.component.scss']
})
export class RanControlComponent implements OnInit {
+
+ darkMode: boolean;
+ panelClass: string = "";
displayedColumns: string[] = ['nbId', 'nodeType', 'ranName', 'ranIp', 'ranPort', 'connectionStatus'];
dataSource: RANControlDataSource;
private confirmDialogService: ConfirmDialogService,
private notificationService: NotificationService,
private loadingDialogService: LoadingDialogService,
- public dialog: MatDialog) { }
+ public dialog: MatDialog,
+ public ui: UiService) { }
ngOnInit() {
this.dataSource = new RANControlDataSource(this.e2MgrSvc, this.notificationService);
this.dataSource.loadTable();
+ this.ui.darkModeState.subscribe((isDark) => {
+ this.darkMode = isDark;
+ });
}
setupRANConnection() {
+ if (this.darkMode) {
+ this.panelClass = "dark-theme";
+ } else {
+ this.panelClass = "";
+ }
const dialogRef = this.dialog.open(RanControlConnectDialogComponent, {
+ panelClass: this.panelClass,
width: '450px'
});
- dialogRef.afterClosed().subscribe( (result: boolean) => {
+ dialogRef.afterClosed()
+ .subscribe((result: boolean) => {
if (result) {
this.dataSource.loadTable();
}