Add multi-layer RIC instance selector
[portal/ric-dashboard.git] / webapp-frontend / src / app / services / ui / instance-selector-dialog.service.ts
1 /*-
2  * ========================LICENSE_START=================================
3  * O-RAN-SC
4  * %%
5  * Copyright (C) 2020 AT&T Intellectual Property
6  * %%
7  * Licensed under the Apache License, Version 2.0 (the "License");
8  * you may not use this file except in compliance with the License.
9  * You may obtain a copy of the License at
10  *
11  *      http://www.apache.org/licenses/LICENSE-2.0
12  *
13  * Unless required by applicable law or agreed to in writing, software
14  * distributed under the License is distributed on an "AS IS" BASIS,
15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16  * See the License for the specific language governing permissions and
17  * limitations under the License.
18  * ========================LICENSE_END===================================
19  */
20 import { Injectable } from '@angular/core';
21 import { MatDialog } from '@angular/material/dialog';
22 import { InstanceSelectorDialogComponent } from '../../ui/instance-selector-dialog/instance-selector-dialog.component';
23 import { UiService } from './ui.service';
24
25
26 @Injectable({
27   providedIn: 'root'
28 })
29 export class InstanceSelectorDialogService {
30
31   darkMode: boolean;
32   panelClass: string;
33
34   constructor(private dialog: MatDialog,
35     public ui: UiService) { }
36
37   openInstanceSelectorDialog() {
38     this.ui.darkModeState.subscribe((isDark) => {
39       this.darkMode = isDark;
40     });
41     if (this.darkMode) {
42       this.panelClass = 'dark-theme';
43     } else {
44       this.panelClass = '';
45     }
46     return this.dialog.open(InstanceSelectorDialogComponent, {
47       panelClass: this.panelClass,
48       width: '480px',
49       position: { top: '100px' },
50     });
51   }
52 }