Create overall control with AppControl,RANControl
[portal/ric-dashboard.git] / webapp-frontend / src / app / app-control / app-control.component.ts
1 /*-
2  * ========================LICENSE_START=================================
3  * O-RAN-SC
4  * %%
5  * Copyright (C) 2019 AT&T Intellectual Property and Nokia
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 { Component, OnInit, ViewChild } from '@angular/core';
21 import { MatSort } from '@angular/material/sort';
22 import { Router } from '@angular/router';
23 import { XappControlRow } from '../interfaces/app-mgr.types';
24 import { AppMgrService } from '../services/app-mgr/app-mgr.service';
25 import { ConfirmDialogService } from '../services/ui/confirm-dialog.service';
26 import { ErrorDialogService } from '../services/ui/error-dialog.service';
27 import { NotificationService } from '../services/ui/notification.service';
28 import { AppControlAnimations } from './app-control.animations';
29 import { AppControlDataSource } from './app-control.datasource';
30
31 @Component({
32   selector: 'control-app-control',
33   templateUrl: './app-control.component.html',
34   styleUrls: ['./app-control.component.css'],
35   animations: [AppControlAnimations.messageTrigger]
36 })
37 export class AppControlComponent implements OnInit {
38
39   displayedColumns: string[] = ['xapp', 'name', 'status', 'ip', 'port', 'action'];
40   dataSource: AppControlDataSource;
41   @ViewChild(MatSort) sort: MatSort;
42
43   constructor(
44     private appMgrSvc: AppMgrService,
45     private router: Router,
46     private confirmDialogService: ConfirmDialogService,
47     private errorDialogService: ErrorDialogService,
48     private notification: NotificationService) { }
49
50   ngOnInit() {
51     this.dataSource = new AppControlDataSource(this.appMgrSvc, this.sort);
52     this.dataSource.loadTable();
53   }
54
55   controlApp(app: XappControlRow): void {
56     const acXappPattern =  /[Aa][Dd][Mm][Ii][Ss]{2}[Ii][Oo][Nn]/;
57     const anrXappPattern = /[Aa][Nn][Rr]/;
58     if (acXappPattern.test(app.xapp)) {
59       this.router.navigate(['/ac']);
60     } else if (anrXappPattern.test(app.xapp)) {
61       this.router.navigate(['/anr']);
62     } else {
63       this.errorDialogService.displayError('No control available for ' + app.xapp + ' (yet)');
64     }
65   }
66
67   undeployApp(app: XappControlRow): void {
68     this.confirmDialogService.openConfirmDialog('Are you sure you want to undeploy xApp ' + app.xapp + '?')
69       .afterClosed().subscribe(res => {
70         if (res) {
71           this.appMgrSvc.undeployXapp(app.xapp).subscribe(
72             response => {
73               this.dataSource.loadTable();
74               switch (response.status) {
75                 case 200:
76                   this.notification.success('xApp undeployed successfully!');
77                   break;
78                 default:
79                   this.notification.warn('xApp undeploy failed.');
80               }
81             }
82           );
83         }
84       });
85   }
86
87 }