X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;ds=sidebyside;f=src%2Fapp%2Finstances%2Fns-primitive%2FNSPrimitiveComponent.ts;h=1086f49c688c232314ec14b889f55e0a35f81b95;hb=218e881e8d5a5d01c41a255d7107d546d10c0329;hp=02269d37cab604393b0ed2f1e9edcfa21e6b2cfe;hpb=3b4814aa2d3dec621dadb52f058ba95a3dc3a86a;p=osm%2FNG-UI.git diff --git a/src/app/instances/ns-primitive/NSPrimitiveComponent.ts b/src/app/instances/ns-primitive/NSPrimitiveComponent.ts index 02269d3..1086f49 100644 --- a/src/app/instances/ns-primitive/NSPrimitiveComponent.ts +++ b/src/app/instances/ns-primitive/NSPrimitiveComponent.ts @@ -26,7 +26,7 @@ import { NotifierService } from 'angular-notifier'; import { APIURLHEADER, ERRORDATA, URLPARAMS } from 'CommonModel'; import { DataService } from 'DataService'; import { environment } from 'environment'; -import { NSData } from 'NSDModel'; +import { NSData, VDUPRIMITIVELEVEL } from 'NSDModel'; import { NSPrimitiveParams } from 'NSInstanceModel'; import { RestService } from 'RestService'; import { SharedService } from 'SharedService'; @@ -81,6 +81,9 @@ export class NSPrimitiveComponent implements OnInit { /** Model value used to hold selected primitive type @public */ public primitiveType: string; + /** Contains list of VDU primitive lists @public */ + public vduList: {}[]; + /** FormBuilder instance added to the formBuilder @private */ private formBuilder: FormBuilder; @@ -111,8 +114,20 @@ export class NSPrimitiveComponent implements OnInit { this.sharedService = this.injector.get(SharedService); this.activeModal = this.injector.get(NgbActiveModal); this.formBuilder = this.injector.get(FormBuilder); - this.primitiveTypeList = [{ title: this.translateService.instant('VNFPRIMITIVE'), value: 'VNF_Primitive' }]; - this.primitiveType = 'VNF_Primitive'; + this.primitiveTypeList = [ + { + title: this.translateService.instant('NSPRIMITIVE'), + value: 'NS_Primitive' + }, + { + title: this.translateService.instant('VNFPRIMITIVE'), + value: 'VNF_Primitive' + }, + { + title: this.translateService.instant('VDUPRIMITIVE'), + value: 'VDU_Primitive' + } + ]; } /** @@ -125,9 +140,6 @@ export class NSPrimitiveComponent implements OnInit { this.nsdId = event.identifier; } }); - if (!isNullOrUndefined(this.params.nsConfig)) { - this.primitiveTypeList.push({ title: this.translateService.instant('NSPRIMITIVE'), value: 'NS_Primitive' }); - } this.initializeForm(); } @@ -139,6 +151,7 @@ export class NSPrimitiveComponent implements OnInit { this.primitiveForm = this.formBuilder.group({ primitive: [null, [Validators.required]], vnf_member_index: [null, [Validators.required]], + vdu_id: [null, [Validators.required]], primitive_params: this.formBuilder.array([this.primitiveParamsBuilder()]) }); } @@ -187,6 +200,12 @@ export class NSPrimitiveComponent implements OnInit { // tslint:disable-next-line: no-string-literal primitiveParamsPayLoads['vnf_member_index'] = this.primitiveForm.value.vnf_member_index; } + if (this.primitiveType === 'VDU_Primitive') { + // tslint:disable-next-line: no-string-literal + primitiveParamsPayLoads['vnf_member_index'] = this.primitiveForm.value.vnf_member_index; + // tslint:disable-next-line: no-string-literal + primitiveParamsPayLoads['vdu_id'] = this.primitiveForm.value.vdu_id; + } const apiURLHeader: APIURLHEADER = { url: environment.NSDINSTANCES_URL + '/' + this.nsdId + '/action' }; @@ -206,21 +225,31 @@ export class NSPrimitiveComponent implements OnInit { this.primitiveParameter = []; this.initializeForm(); if (data.value === 'NS_Primitive') { - this.primitiveList = !isNullOrUndefined(this.params.nsConfig['config-primitive']) ? - this.params.nsConfig['config-primitive'] : []; + this.getNSInfo(this.params.name); this.getFormControl('vnf_member_index').setValidators([]); + this.getFormControl('vnf_member_index').updateValueAndValidity(); + this.getFormControl('vdu_id').setValidators([]); + this.getFormControl('vdu_id').updateValueAndValidity(); + } else if (data.value === 'VNF_Primitive') { + this.getFormControl('vdu_id').setValidators([]); + this.getFormControl('vdu_id').updateValueAndValidity(); } } /** Member index change event */ - public indexChange(data: {}): void { + public indexChange(data: {}, getType?: string): void { + this.getFormControl('vdu_id').setValue(null); if (data) { - this.getVnfdInfo(data['vnfd-id-ref']); + this.getVnfdInfo(data['vnfd-id-ref'], getType); } else { this.primitiveList = []; this.getFormControl('primitive').setValue(null); this.primitiveParameter = []; } } + /** Get VDU Primitive from selected VDU id/name change event */ + public getVDUPrimitive(data: {}): void { + this.primitiveList = data['vdu-configuration']['config-primitive']; + } /** Primivtive change event */ public primitiveChange(data: { parameter: {}[] }): void { this.primitiveParameter = []; @@ -231,6 +260,14 @@ export class NSPrimitiveComponent implements OnInit { this.updatePrimitive(data); } } + /** Generate vdu section @public */ + public generateVDUData(vduData: VDUPRIMITIVELEVEL): VDUPRIMITIVELEVEL { + return { + id: vduData.id, + name: vduData.name, + 'vdu-configuration': vduData['vdu-configuration'] + }; + } /** Update primitive value based on parameter */ private updatePrimitive(primitive: { parameter: {}[] }): void { if (primitive.parameter) { @@ -247,7 +284,7 @@ export class NSPrimitiveComponent implements OnInit { } } /** Get primivitive actions from vnfd data */ - private getVnfdInfo(vnfdRef: string): void { + private getVnfdInfo(vnfdRef: string, getType?: string): void { this.primitiveList = []; this.primitiveParameter = []; this.getFormControl('primitive').setValue(null); @@ -255,9 +292,41 @@ export class NSPrimitiveComponent implements OnInit { this.isLoadingResults = true; this.restService.getResource(apiUrl) .subscribe((vnfdInfo: {}) => { - if (vnfdInfo[0]['vnf-configuration']) { + if (vnfdInfo[0]['vnf-configuration'] !== undefined && vnfdInfo[0]['vnf-configuration']) { + this.getFormControl('vdu_id').setValidators([]); this.primitiveList = vnfdInfo[0]['vnf-configuration']['config-primitive']; } + if (getType === 'VDU_Primitive') { + this.vduList = []; + this.primitiveList = []; + vnfdInfo[0].vdu.forEach((vduData: VDUPRIMITIVELEVEL) => { + if (vduData['vdu-configuration']) { + const vduDataObj: VDUPRIMITIVELEVEL = this.generateVDUData(vduData); + this.vduList.push(vduDataObj); + } + }); + } + this.isLoadingResults = false; + }, (error: ERRORDATA) => { + this.isLoadingResults = false; + this.restService.handleError(error, 'get'); + }); + } + /** Get primivitive actions from NSD data */ + private getNSInfo(nsdRef: string): void { + this.primitiveList = []; + this.primitiveParameter = []; + this.getFormControl('primitive').setValue(null); + const apiUrl: string = environment.NSDESCRIPTORS_URL + '?short-name=' + nsdRef; + this.isLoadingResults = true; + this.restService.getResource(apiUrl) + .subscribe((nsdInfo: {}) => { + if (!isNullOrUndefined(nsdInfo[0]['ns-configuration'])) { + this.primitiveList = !isNullOrUndefined(nsdInfo[0]['ns-configuration']['config-primitive']) ? + nsdInfo[0]['ns-configuration']['config-primitive'] : []; + } else { + this.primitiveList = []; + } this.isLoadingResults = false; }, (error: ERRORDATA) => { this.isLoadingResults = false;