* ========================LICENSE_START=================================
* 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.
import { MatSort } from '@angular/material/sort';
import { DashboardService } from '../services/dashboard/dashboard.service';
import { ErrorDialogService } from '../services/ui/error-dialog.service';
-import { DashboardUser } from './../interfaces/dashboard.types';
+import { EcompUser } from './../interfaces/dashboard.types';
import { NotificationService } from './../services/ui/notification.service';
import { UserDataSource } from './user.datasource';
import { AddDashboardUserDialogComponent } from './add-dashboard-user-dialog/add-dashboard-user-dialog.component';
import { EditDashboardUserDialogComponent } from './edit-dashboard-user-dialog/edit-dashboard-user-dialog.component';
+import { UiService } from '../services/ui/ui.service';
@Component({
selector: 'rd-user',
export class UserComponent implements OnInit {
- displayedColumns: string[] = ['id', 'firstName', 'lastName', 'status', 'action'];
+ darkMode: boolean;
+ panelClass: string = "";
+ displayedColumns: string[] = ['loginId', 'firstName', 'lastName', 'active', 'action'];
dataSource: UserDataSource;
@ViewChild(MatSort, {static: true}) sort: MatSort;
private dashboardSvc: DashboardService,
private errorService: ErrorDialogService,
private notificationService: NotificationService,
- public dialog: MatDialog) { }
+ public dialog: MatDialog,
+ public ui: UiService) { }
ngOnInit() {
this.dataSource = new UserDataSource(this.dashboardSvc, this.sort, this.notificationService);
this.dataSource.loadTable();
+ this.ui.darkModeState.subscribe((isDark) => {
+ this.darkMode = isDark;
+ });
}
- editUser(user: DashboardUser) {
+ editUser(user: EcompUser) {
+ if (this.darkMode) {
+ this.panelClass = "dark-theme"
+ } else {
+ this.panelClass = "";
+ }
const dialogRef = this.dialog.open(EditDashboardUserDialogComponent, {
+ panelClass: this.panelClass,
width: '450px',
data: user
});
}
addUser() {
+ if (this.darkMode) {
+ this.panelClass = "dark-theme"
+ } else {
+ this.panelClass = "";
+ }
const dialogRef = this.dialog.open(AddDashboardUserDialogComponent, {
+ panelClass: this.panelClass,
width: '450px'
});
dialogRef.afterClosed().subscribe(result => {