summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app
diff options
context:
space:
mode:
authorguochuyicmri <guochuyi@chinamobile.com>2019-04-03 18:11:44 +0800
committerguochuyicmri <guochuyi@chinamobile.com>2019-04-03 18:11:54 +0800
commit9b7c41cc4a49bc1980ed48d6a29fc28f1b291417 (patch)
treefbcaaf863baf7c13320f33104f7b245a419b883a /usecaseui-portal/src/app
parent97c18e70d0d79dedc07118a2ceef20fc41d7ac48 (diff)
Fix instance instantiation for CCVPN
Change-Id: I6c902286db6730192c3127754b5f452258c12ee2 Issue-ID: USECASEUI-220 Signed-off-by: guochuyicmri <guochuyi@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app')
-rw-r--r--usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.html42
-rw-r--r--usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.ts50
-rw-r--r--usecaseui-portal/src/app/dataInterface.ts2
-rw-r--r--usecaseui-portal/src/app/myhttp.service.ts2
-rw-r--r--usecaseui-portal/src/app/networkHttpservice.service.ts2
5 files changed, 46 insertions, 52 deletions
diff --git a/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.html b/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.html
index f64e1237..2f0469c2 100644
--- a/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.html
+++ b/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.html
@@ -284,17 +284,17 @@
<tr *ngFor="let item of siteModalTable.data; let i = index;">
<td>{{i+1}}</td>
<td>
- <span *ngIf="wanPortEditNum==(i+1) && !wanPortModal">{{item.sitewanport_name}}</span>
- <input nz-input [(ngModel)]="siteWanParams.sitewanport_name" *ngIf="wanPortEditNum==(i+1) && wanPortModal">
+ <span *ngIf="!item.tabInputShow">{{item.sitewanport_name}}</span>
+ <input nz-input [(ngModel)]="item.sitewanport_name" *ngIf="item.tabInputShow">
</td>
<td>
- <span *ngIf="wanPortEditNum==(i+1) && !wanPortModal">{{item.sitewanport_description}}</span>
- <input nz-input [(ngModel)]="siteWanParams.sitewanport_description" *ngIf="wanPortEditNum==(i+1) && wanPortModal">
+ <span *ngIf="!item.tabInputShow">{{item.sitewanport_description}}</span>
+ <input nz-input [(ngModel)]="item.sitewanport_description" *ngIf="item.tabInputShow">
</td>
<td>
- <span *ngIf="wanPortEditNum==(i+1) && !wanPortModal">{{item.sitewanport_portType}}</span>
- <nz-select style="width: 100px;" [(ngModel)]="siteWanParams.sitewanport_portType" nzAllowClear
- nzPlaceHolder="Choose" *ngIf="wanPortEditNum==(i+1) && wanPortModal">
+ <span *ngIf="!item.tabInputShow">{{item.sitewanport_portType}}</span>
+ <nz-select style="width: 100px;" [(ngModel)]="item.sitewanport_portType" nzAllowClear
+ nzPlaceHolder="Choose" *ngIf="item.tabInputShow">
<nz-option nzValue="GE" nzLabel="GE"></nz-option>
<nz-option nzValue="FE" nzLabel="FE"></nz-option>
<nz-option nzValue="XGE" nzLabel="XGE"></nz-option>
@@ -304,32 +304,32 @@
</nz-select>
</td>
<td>
- <span *ngIf="wanPortEditNum==(i+1) && !wanPortModal">{{item.sitewanport_portNumber}}</span>
- <input nz-input [(ngModel)]="siteWanParams.sitewanport_portNumber" *ngIf="wanPortEditNum==(i+1) && wanPortModal">
+ <span *ngIf="!item.tabInputShow">{{item.sitewanport_portNumber}}</span>
+ <input nz-input [(ngModel)]="item.sitewanport_portNumber" *ngIf="item.tabInputShow">
</td>
<td>
- <span *ngIf="wanPortEditNum==(i+1) && !wanPortModal">{{item.sitewanport_ipAddress}}</span>
- <input nz-input [(ngModel)]="siteWanParams.sitewanport_ipAddress" *ngIf="wanPortEditNum==(i+1) && wanPortModal">
+ <span *ngIf="!item.tabInputShow">{{item.sitewanport_ipAddress}}</span>
+ <input nz-input [(ngModel)]="item.sitewanport_ipAddress" *ngIf="item.tabInputShow">
</td>
<td>
- <span *ngIf="wanPortEditNum==(i+1) && !wanPortModal">{{item.sitewanport_providerIpAddress}}</span>
- <input nz-input [(ngModel)]="siteWanParams.sitewanport_providerIpAddress" *ngIf="wanPortEditNum==(i+1) && wanPortModal">
+ <span *ngIf="!item.tabInputShow">{{item.sitewanport_providerIpAddress}}</span>
+ <input nz-input [(ngModel)]="item.sitewanport_providerIpAddress" *ngIf="item.tabInputShow">
</td>
<td>
- <span *ngIf="wanPortEditNum==(i+1) && !wanPortModal">{{item.sitewanport_transportNetworkName}}</span>
- <input nz-input [(ngModel)]="siteWanParams.sitewanport_transportNetworkName" *ngIf="wanPortEditNum==(i+1) && wanPortModal">
+ <span *ngIf="!item.tabInputShow">{{item.sitewanport_transportNetworkName}}</span>
+ <input nz-input [(ngModel)]="item.sitewanport_transportNetworkName" *ngIf="item.tabInputShow">
</td>
<td>
- <span *ngIf="wanPortEditNum==(i+1) && !wanPortModal">{{item.sitewanport_inputBandwidth}}</span>
- <input nz-input [(ngModel)]="siteWanParams.sitewanport_inputBandwidth" *ngIf="wanPortEditNum==(i+1) && wanPortModal">
+ <span *ngIf="!item.tabInputShow">{{item.sitewanport_inputBandwidth}}</span>
+ <input nz-input [(ngModel)]="item.sitewanport_inputBandwidth" *ngIf="item.tabInputShow">
</td>
<td>
- <span *ngIf="wanPortEditNum==(i+1) && !wanPortModal">{{item.sitewanport_outputBandwidth}}</span>
- <input nz-input [(ngModel)]="siteWanParams.sitewanport_outputBandwidth" *ngIf="wanPortEditNum==(i+1) && wanPortModal">
+ <span *ngIf="!item.tabInputShow">{{item.sitewanport_outputBandwidth}}</span>
+ <input nz-input [(ngModel)]="item.sitewanport_outputBandwidth" *ngIf="item.tabInputShow">
</td>
<td>
- <span class="action" (click)="editWanPort(i+1)"><i class="anticon anticon-edit" style="margin: 0 5px"></i></span>
- <span class="action" (click)="deleteModel(i+1)"><i class="anticon anticon-delete"></i></span>
+ <span class="action" (click)="editWanPort(i+1,item,siteWanData)"><i class="anticon anticon-edit" style="margin: 0 5px"></i></span>
+ <span class="action" (click)="deleteModel(i+1,item,siteWanData)"><i class="anticon anticon-delete"></i></span>
</td>
</tr>
<!-- </ng-template> -->
diff --git a/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.ts b/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.ts
index 40ea977d..8ea51321 100644
--- a/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.ts
+++ b/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.ts
@@ -75,8 +75,12 @@ export class CcvpnCreationComponent implements OnInit {
})
this.siteWanNames = Object.values(wanportnames);
this.siteWanNames.forEach((item)=>{
- this.siteWanData.push(this.siteWanParams); //Add a table according to the wanport group
+ this.siteWanData.push(Object.assign({},this.siteWanParams)); //Add a table according to the wanport group
})
+ this.siteWanData.forEach((item,index) => {
+ item.indexs=index;
+ });
+ console.log(this.siteWanData)
// console.log(this.sotnNames)
// console.log(this.siteNames)
// console.log(this.siteBaseNames)
@@ -163,39 +167,29 @@ export class CcvpnCreationComponent implements OnInit {
sitewanport_providerIpAddress:null,
sitewanport_transportNetworkName:null,
sitewanport_inputBandwidth:null,
- sitewanport_outputBandwidth:null
+ sitewanport_outputBandwidth: null,
+ tabInputShow:false,
+ indexs:null,
};
siteWanNames = [] //Real name
- wanPortModal = false; //Modal box display hidden
wanPortEditNum = 0;//Which line to edit
- editWanPort(num) {
- // if(){
+ editWanPort(num,item,siteWanData) {
console.log(this)
- console.log(num)
- if (!this.wanPortModal) {
- console.log(11111)
- console.log(this.wanPortModal)
- this.wanPortModal = true;
- this.wanPortEditNum = num;
- this.siteWanParams = Object.assign({}, this.siteWanData[num - 1]);
- } else {
- console.log(22222)
- let inputsData = Object.assign({}, this.siteWanParams); //Create a new object, disconnect the original reference, because you want to empty the modal box later
- inputsData.sitewanport_deviceName = this.siteCpeData.device_name;
- this.siteWanData[this.wanPortEditNum - 1] = inputsData;
- this.siteWanData = [...this.siteWanData]; //Table refresh
- Object.keys(this.siteWanParams).forEach((item) => { //Clear modal box
- this.siteWanParams[item] = null;
- })
- this.wanPortModal = false;
- console.log(this.siteWanData)
- }
- // }
+ console.log(siteWanData)
+ console.log(item)
+ siteWanData.map((its) => {
+ if(its.indexs==item.indexs){
+ if (its.tabInputShow==false) {
+ this.wanPortEditNum = num;
+ item.tabInputShow=true;
+ } else {
+ item.tabInputShow=false;
+ console.log(this.siteWanData)
+ }
+ }
+ })
}
- wanPortModal_Cancel(){
- this.wanPortModal = false;
- }
// Get the site address, manual file
diff --git a/usecaseui-portal/src/app/dataInterface.ts b/usecaseui-portal/src/app/dataInterface.ts
index 7b8d529a..e092bd03 100644
--- a/usecaseui-portal/src/app/dataInterface.ts
+++ b/usecaseui-portal/src/app/dataInterface.ts
@@ -1,5 +1,5 @@
enum baseUrl{
- baseUrl = '/api/usecaseui/server/v1' //online
+ baseUrl = '/api/usecaseui-server/v1' //online
// baseUrl = 'http://172.19.44.223/api/usecaseui-server/v1' //local one
// baseUrl = 'http://10.73.191.100:8082' //local two
}
diff --git a/usecaseui-portal/src/app/myhttp.service.ts b/usecaseui-portal/src/app/myhttp.service.ts
index 199c99e7..ddf40de7 100644
--- a/usecaseui-portal/src/app/myhttp.service.ts
+++ b/usecaseui-portal/src/app/myhttp.service.ts
@@ -1,5 +1,5 @@
/*
- Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+ Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
diff --git a/usecaseui-portal/src/app/networkHttpservice.service.ts b/usecaseui-portal/src/app/networkHttpservice.service.ts
index 4ce04d38..d09f0025 100644
--- a/usecaseui-portal/src/app/networkHttpservice.service.ts
+++ b/usecaseui-portal/src/app/networkHttpservice.service.ts
@@ -1,5 +1,5 @@
/*
- Copyright (C) 2018 CMCC, Inc. and others. All rights reserved.
+ Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.