/*-
* ========================LICENSE_START=================================
- * ORAN-OSC
+ * O-RAN-SC
* %%
* Copyright (C) 2019 AT&T Intellectual Property and Nokia
* %%
* limitations under the License.
* ========================LICENSE_END===================================
*/
-import { Component, Inject } from '@angular/core';
-import { LocalDataSource } from 'ng2-smart-table';
-import { CatalogService } from '../services/catalog/catalog.service';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-
-export interface DialogData {
- name: string;
-}
-
+import { Component, OnInit} from '@angular/core';
+import { XappMgrService } from '../services/xapp-mgr/xapp-mgr.service';
+import { ConfirmDialogService } from './../services/ui/confirm-dialog.service'
+import { NotificationService } from './../services/ui/notification.service'
+import { ErrorDialogService } from '../services/ui/error-dialog.service';
+import { CatalogDataSource } from './catalog.datasource';
@Component({
selector: 'app-catalog',
templateUrl: './catalog.component.html',
- styleUrls: ['./catalog.component.css']
+ styleUrls: ['./catalog.component.css'],
})
-export class CatalogComponent {
+export class CatalogComponent implements OnInit{
- settings = {
- hideSubHeader: true,
- actions: {
- columnTitle: 'Actions',
- add: false,
- edit: false,
- delete: false,
- custom: [
- { name: 'deployxApp', title: 'Deploy'},
- ],
- position: 'right'
+ displayedColumns: string[] = ['name', 'version', 'status', 'action'];
+ dataSource: CatalogDataSource;
- },
- columns: {
- name: {
- title: 'xApp Name',
- type: 'string',
- },
- version: {
- title: 'xApp Version',
- type: 'string',
- },
- status: {
- title: 'Status',
- type: 'string',
- },
- },
- };
+ constructor(
+ private xappMgrSvc: XappMgrService,
+ private confirmDialogService: ConfirmDialogService,
+ private errorService: ErrorDialogService,
+ private notification: NotificationService) { }
- source: LocalDataSource = new LocalDataSource();
-
- constructor(private service: CatalogService, public dialog: MatDialog) {
- this.service.getAll().subscribe((val:any[]) => this.source.load(val));
+ ngOnInit() {
+ this.dataSource = new CatalogDataSource(this.xappMgrSvc);
+ this.dataSource.loadTable();
}
+ onConfigurexApp(name: string): void {
+ const aboutError = 'Not implemented yet';
+ this.errorService.displayError(aboutError);
+ }
- onDeployxApp(event): void {
- const dialogRef = this.dialog.open(AppCatalogDeployDialog, {
- width: '400px',
- data: { name: event.data.name }
- });
-
- dialogRef.afterClosed().subscribe(result => {
- console.log('The dialog was closed');
- });
- }
-
-}
-
-@Component({
- selector: 'app-catalog-deploy-dialog',
- templateUrl: 'catalog.component.deploy-dialog.html',
- styleUrls: ['./catalog.component.css']
-})
-
-export class AppCatalogDeployDialog{
-
- constructor(
- public dialogRef: MatDialogRef<AppCatalogDeployDialog>,
- private service: CatalogService,
- @Inject(MAT_DIALOG_DATA) public data: DialogData) { }
-
- onNoClick(): void {
- this.dialogRef.close();
- }
-
- deployXapp(): void {
- this.service.deployXapp(this.data.name).subscribe((val: any[]) => console.log(val));;
- this.dialogRef.close();
- }
+ onDeployxApp(name: string): void {
+ this.confirmDialogService.openConfirmDialog('Are you sure you want to deploy this xApp?')
+ .afterClosed().subscribe(res => {
+ if (res) {
+ this.xappMgrSvc.deployXapp(name).subscribe(
+ response => {
+ switch (response.status) {
+ case 200:
+ this.notification.success('xApp deploy succeeded!');
+ break;
+ default:
+ this.notification.warn('xApp deploy failed.');
+ }
+ }
+ );
+ }
+ });
-}
+ }
+}
\ No newline at end of file