diff options
2 files changed, 54 insertions, 81 deletions
diff --git a/usecaseui-portal/src/app/views/services/sotn-management/order-service/order-service.component.ts b/usecaseui-portal/src/app/views/services/sotn-management/order-service/order-service.component.ts index 5a6bf6a2..a945b93e 100644 --- a/usecaseui-portal/src/app/views/services/sotn-management/order-service/order-service.component.ts +++ b/usecaseui-portal/src/app/views/services/sotn-management/order-service/order-service.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, Output, EventEmitter } from '@angular/core'; import { FormBuilder, FormGroup, @@ -15,31 +15,19 @@ import { NzMessageService } from 'ng-zorro-antd'; export class OrderServiceComponent implements OnInit { validateForm: FormGroup; - validateForm1: FormGroup; - validateForm2: FormGroup; l2vpn:object = {}; siteData:object = {}; - tipMsg: String = "serviceCreationInitiated"; - displayMsg:boolean = false; - displayMsg2:boolean = false; buttonDisabled:boolean = false; intervalData:any; baseUrl:string = '/api/usecaseui-server/v1'; expandDataSet = [ - { rowIdx: 1, name: 'Service', expand: true }, - { rowIdx: 2, name: 'VPN', expand: true }, - { rowIdx: 3, name: 'UNI', expand: true } - ]; - uni = { - sotnuni_cVLAN:"asdf", - sotnuni_tpId:"asdf" - }; - sotnUni = [ - { - sotnuni_cVLAN:"asdf", - sotnuni_tpId:"saf" - } + { rowIdx: 1, name: 'i18nTextDefine_serviceInformation', expand: true }, + { rowIdx: 2, name: 'i18nTextDefine_vpnInformation', expand: true }, + { rowIdx: 3, name: 'i18nTextDefine_uniInformation', expand: true } ]; + uni = {}; + sotnUni = []; + @Output() childEvent = new EventEmitter<string>(); constructor(private fb: FormBuilder, private http: HttpClient, private message: NzMessageService) { } @@ -66,28 +54,6 @@ export class OrderServiceComponent implements OnInit { sotnuni_cVLAN:[null, [Validators.required]], sotnuni_tpId:[null, [Validators.required]], }); - // this.validateForm1 = this.fb.group({ - // l2vpn_name:[null, [Validators.required]], - // l2vpn_dualLink:[null, [Validators.required]], - // l2vpn_description:[null, [Validators.required]], - // l2vpn_SLS:[null, [Validators.required]], - // l2vpn_COS:[null, [Validators.required]], - // l2vpn_tenantId:[null, [Validators.required]], - // l2vpn_vpnType:[null, [Validators.required]], - // l2vpn_cbs:[null, [Validators.required]], - // l2vpn_ebs:[null, [Validators.required]], - // l2vpn_colorAware:[null, [Validators.required]], - // l2vpn_reroute:[null, [Validators.required]], - // l2vpn_couplingFlag:[null, [Validators.required]], - // l2vpn_cir:[null, [Validators.required]], - // l2vpn_eir:[null, [Validators.required]], - // l2vpn_startTime:[null, [Validators.required]], - // l2vpn_endTime:[null, [Validators.required]], - // }); - // this.validateForm2 = this.fb.group({ - // sotnuni_cVLAN:[null, [Validators.required]], - // sotnuni_tpId:[null, [Validators.required]], - // }); } numberOnly(event): boolean { @@ -98,20 +64,29 @@ export class OrderServiceComponent implements OnInit { } addUNI () { + if(this.uni['sotnuni_cVLAN'] == undefined || this.uni['sotnuni_tpId'] == undefined) { + this.message.error("Please enter cVLAN & TPID first."); + return; + } this.sotnUni.push(this.uni); - // this.uni = {}; + this.uni = {}; + } + + deletesotnUni(data) { + for(let i = 0; i < this.sotnUni.length; i++) { + if(data.sotnuni_tpId == this.sotnUni[i].sotnuni_tpId) { + this.sotnUni.splice(i, 1); + } + } } selectOrderSiteData(): void { if (!this.validateVpnAndUni() || !this.validateServices() ) { - this.displayMsg = true; this.message.error("Please fill all mandatory fields"); - var comp = this; - setTimeout(function () { - comp.displayMsg = false; - }, 5000); } else { + this.siteData["l2vpn"] = [this.l2vpn]; + this.siteData["sotnUni"] = this.sotnUni; this.putnewSotnSiteData() } } @@ -158,39 +133,37 @@ export class OrderServiceComponent implements OnInit { }) }; let url1 = this.baseUrl + '/uui-lcm/Sotnservices'; - // this.http.post<any>(url1, body, httpOptions).subscribe((data) => { - // let comp = this; - // this.message.info('Instantiation In Progress'); - // comp.displayMsg2 = true; - // this.intervalData = setInterval(() => { - // let url2 = this.baseUrl + "/uui-lcm/Sotnservices/serviceStatus/service-instance/" + data.service.serviceId; - // this.http.get<any>(url2, {}).subscribe((data) => { - // if (data.status == "1") { - // clearInterval(comp.intervalData); - // comp.displayMsg2 = true; - // comp.message.success('Service Created'); - // comp.goToPage(); - // } - // else { - // comp.message.info('Instantiation In Progress'); - // comp.displayMsg2 = true; - // } - // }, (err) => { - // console.log(err); - // }); - // }, 1000); - // }, (err) => { - // console.log(err); - // }); + this.http.post<any>(url1, body, httpOptions).subscribe((data) => { + let comp = this; + this.message.info('Instantiation In Progress'); + this.intervalData = setInterval(() => { + let url2 = this.baseUrl + "/uui-lcm/Sotnservices/serviceStatus/service-instance/" + data.service.serviceId; + this.http.get<any>(url2, {}).subscribe((data) => { + if (data.status == "1") { + clearInterval(comp.intervalData); + comp.message.success('Service Created'); + comp.goToPage(); + } + else { + comp.message.info('Instantiation In Progress'); + } + }, (err) => { + console.log(err); + }); + }, 1000); + }, (err) => { + console.log(err); + }); setTimeout(() => { comp.message.success("Service Created"); - comp.goToPage(); + comp.goToPage.call(comp); }, 3000); } goToPage(): void { + var comb = this; setTimeout(function () { - // document.getElementById('manageService').click(); + comb.childEvent.emit(); }, 1000); } diff --git a/usecaseui-portal/src/app/views/services/sotn-management/sotn-management.component.html b/usecaseui-portal/src/app/views/services/sotn-management/sotn-management.component.html index 12fcb851..42770fa4 100644 --- a/usecaseui-portal/src/app/views/services/sotn-management/sotn-management.component.html +++ b/usecaseui-portal/src/app/views/services/sotn-management/sotn-management.component.html @@ -1,17 +1,17 @@ -<nz-tabset (nzSelectChange)="handleTabChange($event)" class="slicing"> - <nz-tab nzTitle="Order Service"> - <app-order-service - *ngIf="currentTab ==='Order Service'" +<nz-tabset [nzSelectedIndex]="selectedIndex" (nzSelectChange)="handleTabChange($event)" class="slicing"> + <nz-tab [nzTitle]="'i18nTextDefine_orderService' | translate"> + <app-order-service (childEvent)="changeTab()" + *ngIf="selectedIndex === 0" ></app-order-service> </nz-tab> - <nz-tab nzTitle="Manage Service" > + <nz-tab [nzTitle]="'i18nTextDefine_manageService' | translate"> <app-manage-service - *ngIf="currentTab ==='Manage Service'" + *ngIf="selectedIndex === 1" ></app-manage-service> </nz-tab> - <nz-tab nzTitle="Monitor Service"> + <nz-tab [nzTitle]="'i18nTextDefine_monitorService' | translate"> <app-monitor-service - *ngIf="currentTab ==='Monitor Service'" + *ngIf="selectedIndex === 2" ></app-monitor-service> </nz-tab> </nz-tabset>
\ No newline at end of file |