From cf119161cc81a9a6eceaef288ff33c2a6a43349d Mon Sep 17 00:00:00 2001 From: guochuyicmri Date: Fri, 31 May 2019 15:50:46 +0800 Subject: Service instance topology front-end development Change-Id: I6b42ffa8dbaf3dd41a0543c35597dd52f1338e81 Issue-ID: USECASEUI-224 Signed-off-by: guochuyicmri --- .../src/app/ccvpn-detail/ccvpn-detail.component.html | 18 +++++++++--------- .../src/app/ccvpn-detail/ccvpn-detail.component.ts | 15 +++++++++++++-- .../services/services-list/services-list.component.ts | 14 +++++++++++++- 3 files changed, 35 insertions(+), 12 deletions(-) diff --git a/usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.html b/usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.html index 8a3a73a1..b8d0ce3a 100644 --- a/usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.html +++ b/usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.html @@ -30,7 +30,7 @@
- + - + - + - + - + - + - {{outerSite[1]["service-instance-name"]}} + {{outerSite[1] && outerSite[1]["service-instance-name"]}} - + - {{outerSite[0]["service-instance-name"]}} + {{outerSite[0] && outerSite[0]["service-instance-name"]}} diff --git a/usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.ts b/usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.ts index c11b159e..d0ef7d1b 100644 --- a/usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.ts +++ b/usecaseui-portal/src/app/ccvpn-detail/ccvpn-detail.component.ts @@ -87,7 +87,11 @@ export class CcvpnDetailComponent implements OnInit { console.log(this.detailParams) console.log(this.upDateShow) // this.input_parameters = JSON.stringify(this.detailParams['input-parameters']) - this.input_parameters = JSON.parse(this.detailParams['input-parameters']); + if(this.detailParams['input-parameters']){ + this.input_parameters = JSON.parse(this.detailParams['input-parameters']); + }else { + return false; + } console.log(this.input_parameters); this.templateParameters.service = { name: this.input_parameters.service.name, @@ -557,6 +561,8 @@ export class CcvpnDetailComponent implements OnInit { console.log(this.localSite); console.log(this.outerSite); + if(this.localSite.length>0){ + this.detailLines = [].concat(this.detailLiness); this.localSite.forEach((site)=>{ let obj = { customerId: this.detailParams.customer.id, @@ -571,6 +577,10 @@ export class CcvpnDetailComponent implements OnInit { res("sites-domain"); }) }) + }else { + console.log("localSite []"); + return false; + } }) } @@ -707,7 +717,8 @@ export class CcvpnDetailComponent implements OnInit { } detailSites = false; - detailLines = [ //Details of the topology map connection coordinates + detailLines = []; + detailLiness = [ //Details of the topology map connection coordinates { "x1": "9%", "y1": "40%", "x2": "21%", "y2": "40%"//site1--tp1 }, diff --git a/usecaseui-portal/src/app/services/services-list/services-list.component.ts b/usecaseui-portal/src/app/services/services-list/services-list.component.ts index 959df390..5856442e 100644 --- a/usecaseui-portal/src/app/services/services-list/services-list.component.ts +++ b/usecaseui-portal/src/app/services/services-list/services-list.component.ts @@ -91,6 +91,7 @@ export class ServicesListComponent implements OnInit { } getallCustomers(){ console.log(this.listSortMasters); + console.log(this.language,"this.language"); this.myhttp.getAllCustomers() .subscribe((data)=>{ this.customerList = data.map((item)=>{return {name:item["subscriber-name"],id:item["global-customer-id"]}}); @@ -613,6 +614,7 @@ export class ServicesListComponent implements OnInit { } deleteOk(templatedeletestarting,templateDeleteSuccessFaild) { this.deleteModelVisible = false; + this.loadingAnimateShow = true; if (this.thisService["serviceDomain"] == "Network Service") { this.deleteNsService(this.thisService,templateDeleteSuccessFaild); } else { @@ -657,6 +659,7 @@ deleteOk(templatedeletestarting,templateDeleteSuccessFaild) { } this.createshow = false; this.listDisplay = false; + this.loadingAnimateShow = true; console.log(obj); let newData; //Newly created service data for the main table @@ -664,7 +667,8 @@ deleteOk(templatedeletestarting,templateDeleteSuccessFaild) { "&serviceType=" + this.serviceTypeSelected2.name + "&serviceDomain=" + this.templateTypeSelected; this.createService(obj, createParams,templateCreatestarting,templateCreateSuccessFaild).then((data) => { - console.log(data) + console.log(data); + this.loadingAnimateShow = false; newData = { //Newly created service data in the main form 'service-instance-id': data["serviceId"], 'service-instance-name': obj.service.name, @@ -721,6 +725,7 @@ e2eCloseCreate(obj,templateCreatestarting,templateCreateSuccessFaild) { } this.createshow2 = false; // this.listDisplay = false; // + this.loadingAnimateShow = true; console.log(obj); let newData; // let createParams = "?customerId="+this.customerSelected.id + @@ -731,6 +736,7 @@ e2eCloseCreate(obj,templateCreatestarting,templateCreateSuccessFaild) { "&invariantUuuid="+obj.service.serviceInvariantUuid; this.createService(obj, createParams,templateCreatestarting,templateCreateSuccessFaild).then((data) => { console.log(data); + this.loadingAnimateShow = false; newData = { // 'service-instance-id':data["serviceId"], 'service-instance-name':obj.service.name, @@ -786,12 +792,14 @@ e2eCloseCreate(obj,templateCreatestarting,templateCreateSuccessFaild) { } this.createshow2 = false; // this.listDisplay = false; // + this.loadingAnimateShow = true; console.log(obj); let newData; // // step1 this.myhttp.nsCreateInstance(obj.step1) .subscribe((data)=>{ // console.log(data); + this.loadingAnimateShow = false; newData = { // 'service-instance-id':data.nsInstanceId, 'service-instance-name':obj.step1.nsName, @@ -873,6 +881,7 @@ e2eCloseCreate(obj,templateCreatestarting,templateCreateSuccessFaild) { this.myhttp.createInstance(requestBody,createParams) .subscribe((data)=>{ if(data.status == "FAILED"){ + this.loadingAnimateShow = false; res("Failed"); console.log("create e2e service Failed :" + JSON.stringify(data)); return false; @@ -887,6 +896,7 @@ e2eCloseCreate(obj,templateCreatestarting,templateCreateSuccessFaild) { this.myhttp.nsCreateInstance2(id,obj) .subscribe((data)=>{ if(data.status == "FAILED"){ + this.loadingAnimateShow = false; console.log("instantiate ns service Failed :" + JSON.stringify(data)); res("Failed"); return false; @@ -1075,6 +1085,7 @@ e2eCloseCreate(obj,templateCreatestarting,templateCreateSuccessFaild) { return new Promise((res,rej)=>{ this.myhttp.deleteInstance(params) .subscribe((data)=>{ + this.loadingAnimateShow = false; if(data.status == "FAILED"){ console.log("delete service Failed :" + JSON.stringify(data)); service.status = "Failed"; @@ -1186,6 +1197,7 @@ e2eCloseCreate(obj,templateCreatestarting,templateCreateSuccessFaild) { let mypromise = new Promise((res,rej)=>{ this.myhttp.stopNsService(id,obj) .subscribe((data)=>{ + this.loadingAnimateShow = false; if(data.status == "FAILED"){ console.log("stop ns service Failed :" + JSON.stringify(data)); res("Failed"); -- cgit 1.2.3-korg