summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/ccvpn-creation
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-08-20 14:59:14 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-08-20 14:59:23 +0800
commit9f095ef4e489b7bbdae33b2dece0193262111ef8 (patch)
tree61e6ba997e531d050167cf28536da7050438b850 /usecaseui-portal/src/app/ccvpn-creation
parentebd842c6737c3a2078a4d33babc4048e9bbaaf86 (diff)
feat:Optimize ccvpn instance creation
Change-Id: I93d8543dea6a86f4d3cc917afeebc054aed0ce2e Issue-ID: USECASEUI-307 Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/ccvpn-creation')
-rw-r--r--usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.html12
-rw-r--r--usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.spec.ts1
-rw-r--r--usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.ts36
3 files changed, 2 insertions, 47 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 3a337ea6..1645325c 100644
--- a/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.html
+++ b/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.html
@@ -13,8 +13,6 @@
See the License for the specific language governing permissions and
limitations under the License.
-->
-<!--<h3 class="title"> Services List </h3>-->
-<!--<hr>-->
<div class="model creation-model">
<div class="top-title">
@@ -37,6 +35,7 @@
</svg>
</div>
</div>
+ <!--Template resolution : Three major items-->
<div class="creation">
<nz-tabset [nzTabPosition]="'top'" [nzShowPagination]=false [nzTabBarGutter]="'2'" [nzTabBarStyle]=tabBarStyle>
<nz-tab nzTitle="Service Info">
@@ -67,7 +66,6 @@
</tr>
</thead>
<tbody>
- <!-- <ng-template ngFor let-data [ngForOf]="siteTable.data" let-i="index"> -->
<tr *ngFor="let item of sotnVpnTable.data; let i = index; ">
<td>{{i+1}}</td>
<td *ngFor="let keys of getKeys(this.sotnInfo);let a = index;">
@@ -80,7 +78,6 @@
class="anticon anticon-delete"></i></span>
</td>
</tr>
- <!-- </ng-template> -->
</tbody>
</nz-table>
</div>
@@ -105,7 +102,6 @@
</tr>
</thead>
<tbody>
- <!-- <ng-template ngFor let-data [ngForOf]="siteTable.data" let-i="index"> -->
<tr *ngFor="let item of siteTable.data; let i = index; ">
<td>{{i+1}}</td>
<td *ngFor="let keys of getKeys(this.siteBaseData);let a = index;">
@@ -118,7 +114,6 @@
class="anticon anticon-delete"></i></span>
</td>
</tr>
- <!-- </ng-template> -->
</tbody>
</nz-table>
</div>
@@ -153,7 +148,6 @@
</tr>
</thead>
<tbody>
- <!-- <ng-template ngFor let-data [ngForOf]="siteModalTable.data" let-i="index"> -->
<tr *ngFor="let item of sotnSdwansitelanData; let i = index;"
[ngClass]="{'tr-border':item.tabInputShowSdwansitelan ==false}">
<td>{{i+1}}</td>
@@ -171,7 +165,6 @@
class="anticon anticon-delete"></i></span>
</td>
</tr>
- <!-- </ng-template> -->
</tbody>
</table>
</div>
@@ -227,7 +220,6 @@
class="anticon anticon-delete"></i></span>
</td>
</tr>
- <!-- </ng-template> -->
</tbody>
</table>
</div>
@@ -249,7 +241,6 @@
</tr>
</thead>
<tbody>
- <!-- <ng-template ngFor let-data [ngForOf]="siteModalTable.data" let-i="index"> -->
<tr *ngFor="let item of siteWanData; let i = index;"
[ngClass]="{'tr-border':item.tabInputShowWanPort ==false}">
<td>{{i+1}}</td>
@@ -267,7 +258,6 @@
class="anticon anticon-delete"></i></span>
</td>
</tr>
- <!-- </ng-template> -->
</tbody>
</table>
</div>
diff --git a/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.spec.ts b/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.spec.ts
index 922bd9ea..30402412 100644
--- a/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.spec.ts
+++ b/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.spec.ts
@@ -1,7 +1,6 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { CcvpnCreationComponent } from './ccvpn-creation.component';
-
describe('CcvpnCreationComponent', () => {
let component: CcvpnCreationComponent;
let fixture: ComponentFixture<CcvpnCreationComponent>;
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 9cdd893c..f4c1f94c 100644
--- a/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.ts
+++ b/usecaseui-portal/src/app/ccvpn-creation/ccvpn-creation.component.ts
@@ -133,12 +133,9 @@ export class CcvpnCreationComponent implements OnInit {
});
}
});
- console.log(inputss);
- console.log(this.bodyTemplateParameter);
-
this.showTemParametersSotnVpn();
this.showTemParametersSite();
- console.log(this.templateParameters)
+ console.log(this.bodyTemplateParameter,this.templateParameters)
}
//sotnVpn data, after combining the structure, rendering the template data to the page
@@ -249,26 +246,21 @@ export class CcvpnCreationComponent implements OnInit {
this.sotnSdwansitelanData[addNum] = inputsData;
this.tabInputShowSdwansitelan[addNum] = true;
this.sotnSdwansitelanData = [...this.sotnSdwansitelanData]; //Table refresh
- console.log(this.sotnSdwansitelanData)
}
editSotnSdwansitelan(num, item, sotnSdwansitelanData) {
- console.log(item)
if (this.tabInputShowSdwansitelan[num - 1] == false) {
this.tabInputShowSdwansitelan[num - 1] = true;
} else {
this.tabInputShowSdwansitelan[num - 1] = false;
}
- console.log(sotnSdwansitelanData);
}
deleteSotnSdwansitelan(num, item, sotnSdwansitelanData) {
if (this.sotnSdwansitelanData.length <= 1) {
- console.log("num>=1", "sotnSdwansitelanData");
return false;
} else {
}
this.sotnSdwansitelanData = this.sotnSdwansitelanData.filter((d, i) => i !== num - 1);
- console.log(this.sotnSdwansitelanData)
}
//add,edit,delete SdwanDevice
@@ -286,26 +278,21 @@ export class CcvpnCreationComponent implements OnInit {
this.siteSdwanDevice[addNum] = inputsData;
this.tabInputShowDevice[addNum] = true;
this.siteSdwanDevice = [...this.siteSdwanDevice]; //表格刷新
- console.log(this.siteSdwanDevice)
}
editDevicePort(num, item, siteSdwanDevice) {
- console.log(item)
if (this.tabInputShowDevice[num - 1] == false) {
this.tabInputShowDevice[num - 1] = true;
} else {
this.tabInputShowDevice[num - 1] = false;
}
- console.log(siteSdwanDevice);
}
deleteDevicePort(num, item, siteSdwanDevice) {
if (this.siteSdwanDevice.length <= 1) {
- console.log("num>=1", "siteSdwanDevice");
return false;
}
this.siteSdwanDevice = this.siteSdwanDevice.filter((d, i) => i !== num - 1);
- console.log(this.siteSdwanDevice)
}
//add,edit,delete siteWanPort
@@ -323,24 +310,19 @@ export class CcvpnCreationComponent implements OnInit {
this.siteWanData[addNum] = inputsData;
this.tabInputShowWanPort[addNum] = true;
this.siteWanData = [...this.siteWanData]; //Table refresh
- console.log(this.siteWanData)
}
editWanPort(num, item, siteWanData) {
- console.log(item)
if (this.tabInputShowWanPort[num - 1] == false) {
this.tabInputShowWanPort[num - 1] = true;
} else {
this.tabInputShowWanPort[num - 1] = false;
}
- console.log(siteWanData);
}
deleteWanPort(num, item, siteWanData) {
if (this.siteWanData.length <= 1) {
- console.log("num>=1", "siteWanData");
return false;
}
this.siteWanData = this.siteWanData.filter((d, i) => i !== num - 1);
- console.log(this.siteWanData)
}
//siteModel,sotnVpnModel Display sign
@@ -362,11 +344,9 @@ export class CcvpnCreationComponent implements OnInit {
"sdwansitelan_list": []
};
inputs = Object.assign(inputs, this.sotnInfo);
- console.log(this.sotnInfo, "this.sotnInfo");
inputs["sdwansitelan_list"] = this.sotnSdwansitelanData.map((item) => {
return Object.assign({}, item);
});
- console.log(inputs);
if (this.isEditSotnVpn) {
// Edit status does not increase
this.sotnVpnTableData[this.isEditSotnVpn - 1] = inputs;
@@ -374,8 +354,6 @@ export class CcvpnCreationComponent implements OnInit {
} else {
this.sotnVpnTableData = [...this.sotnVpnTableData, inputs];
}
- console.log(this.sotnVpnTableData)
-
Object.keys(this.sotnInfo).forEach((item) => { //Clear modal box
this.sotnInfo[item] = null;
});
@@ -415,7 +393,6 @@ export class CcvpnCreationComponent implements OnInit {
editSotnVpn(num) {
this.sotnVpnModelShow = true;
this.isEditSotnVpn = num;
- console.log(this.templateParameters.sotnvpn.sdwanvpnresource_list)
Object.keys(this.sotnInfo).forEach((item) => { //Clear modal box
this.sotnInfo[item] = this.sotnVpnTableData[num - 1][item];
});
@@ -429,7 +406,6 @@ export class CcvpnCreationComponent implements OnInit {
deleteSotnVpn(num) {
this.sotnVpnTableData = this.sotnVpnTableData.filter((d, i) => i !== num - 1);
- console.log(this.sotnVpnTableData)
}
// addsite model
@@ -446,7 +422,6 @@ export class CcvpnCreationComponent implements OnInit {
inputs["sdwansitewan_list"] = this.siteWanData.map((item) => {
return Object.assign({}, item);
});
- console.log(inputs);
if (this.isEditSite) {
// Edit status does not increase
this.siteTableData[this.isEditSite - 1] = inputs;
@@ -536,7 +511,6 @@ export class CcvpnCreationComponent implements OnInit {
deleteSite(num) {
this.siteTableData = this.siteTableData.filter((d, i) => i !== num - 1);
- console.log(this.siteTableData)
this.drawImage(this.siteTableData);
}
@@ -690,9 +664,6 @@ export class CcvpnCreationComponent implements OnInit {
},
}
};
- console.log(this.bodyTemplateParameter)
- console.log(this.sotnVpnTableData, "before fixing")
- console.log(this.siteTableData, '"before fixing"')
let siteresource = null, sitewan = null, device = null, vpnresource = null, sitelan = null;
Object.keys(this.bodyTemplateParameter).map((item, index) => {
if (item.search("site") != -1) {
@@ -732,9 +703,6 @@ export class CcvpnCreationComponent implements OnInit {
}
});
});
- console.log(siteresource, sitewan, device, vpnresource, sitelan);
- console.log(this.sotnVpnTableData, "After modification")
- console.log(this.siteTableData, "After modification")
Object.keys(this.bodyTemplateParameter).map((item, index) => {
if (item.search("site") != -1) {
servicebody.service.parameters.requestInputs[item] = [].concat(this.siteTableData);
@@ -743,8 +711,6 @@ export class CcvpnCreationComponent implements OnInit {
servicebody.service.parameters.requestInputs[item] = [].concat(this.sotnVpnTableData);
}
});
- // servicebody.service.parameters.requestInputs.sdwanvpnresource_list = servicebody.service.parameters.requestInputs.sdwanvpnresource_list.concat(this.sotnVpnTableData);
- // servicebody.service.parameters.requestInputs.sdwansiteresource_list = servicebody.service.parameters.requestInputs.sdwansiteresource_list.concat(this.siteTableData);
console.log(servicebody);
this.closeCreate.emit(servicebody);