From c800bda2f88d2ac9f37b2185e49faf8a113968a9 Mon Sep 17 00:00:00 2001 From: guochuyicmri Date: Thu, 16 May 2019 16:53:08 +0800 Subject: Package management interface development Change-Id: Ic77ca7d4c7fca3b165adce0ea4036e4054ef755e Issue-ID: USECASEUI-211 Signed-off-by: guochuyicmri --- .../app/ccvpn-network/ccvpn-network.component.ts | 2 +- .../onboard-vnf-vm/onboard-vnf-vm.component.html | 153 +++++++-------------- .../onboard-vnf-vm/onboard-vnf-vm.component.less | 10 +- .../onboard-vnf-vm/onboard-vnf-vm.component.ts | 113 ++++++++++++++- .../services-list/services-list.component.html | 2 +- .../services-list/services-list.component.less | 41 +++--- usecaseui-portal/src/assets/i18n/cn.json | 1 + usecaseui-portal/src/assets/i18n/en.json | 1 + usecaseui-portal/src/assets/images/tp.png | Bin 1612 -> 384 bytes 9 files changed, 198 insertions(+), 125 deletions(-) diff --git a/usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.ts b/usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.ts index cfd32f7c..9620a977 100644 --- a/usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.ts +++ b/usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.ts @@ -131,7 +131,7 @@ export class CcvpnNetworkComponent implements OnInit { imgmap = { '1': './assets/images/cloud-county1.png', - '2': './assets/images/cloud-city1.png', + '2': './assets/images/tp.png', '3': './assets/images/cloud-out.png', }; tpoption = { diff --git a/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.html b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.html index 1a76a726..31307abf 100644 --- a/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.html +++ b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.html @@ -18,7 +18,7 @@
-
+

@@ -34,46 +34,29 @@

-
-
{{"i18nTextDefine_Uploaded_files" | translate}}
-
-
111
-
pnf-test.csar
+
{{"i18nTextDefine_Uploaded_files" | translate}}
+
+
- +
-
456
-
-
-
111
-
pnf-test.csar
-
- +
{{itemns.name}}
+
+ +
+
+ {{"i18nTextDefine_File_upload_completed" | translate}} + {{"i18nTextDefine_File_upload_failed" | translate}} +
+
+ +
-
456
-
-
-
111
-
pnf-test.csar
-
{{"i18nTextDefine_File_upload_completed" | translate}}
-
456
-
-
-
111
-
pnf-test.csar
-
{{"i18nTextDefine_File_upload_completed" | translate}}
-
456
-
-
-
111
-
pnf-test.csar
-
{{"i18nTextDefine_File_upload_completed" | translate}}
-
456
- +
+

@@ -160,45 +144,29 @@

-
-
Uploaded files
-
-
111
-
pnf-test.csar
+
{{"i18nTextDefine_Uploaded_files" | translate}}
+
+
- +
-
456
-
-
-
111
-
pnf-test.csar
-
- +
{{itemns.name}}
+
+ +
+
+ {{"i18nTextDefine_File_upload_completed" | translate}} + {{"i18nTextDefine_File_upload_failed" | translate}} +
+
+ +
-
456
-
-
-
111
-
pnf-test.csar
-
{{"i18nTextDefine_File_upload_completed" | translate}}
-
456
-
-
-
111
-
pnf-test.csar
-
{{"i18nTextDefine_File_upload_completed" | translate}}
-
456
-
-
-
111
-
pnf-test.csar
-
{{"i18nTextDefine_File_upload_completed" | translate}}
-
456
- +
+
+

@@ -272,45 +241,29 @@

-
-
Uploaded files
-
-
111
-
pnf-test.csar
+
{{"i18nTextDefine_Uploaded_files" | translate}}
+
+
- +
-
456
-
-
-
111
-
pnf-test.csar
-
- +
{{itemns.name}}
+
+ +
+
+ {{"i18nTextDefine_File_upload_completed" | translate}} + {{"i18nTextDefine_File_upload_failed" | translate}} +
+
+ +
-
456
-
-
-
111
-
pnf-test.csar
-
{{"i18nTextDefine_File_upload_completed" | translate}}
-
456
-
-
-
111
-
pnf-test.csar
-
{{"i18nTextDefine_File_upload_completed" | translate}}
-
456
-
-
-
111
-
pnf-test.csar
-
{{"i18nTextDefine_File_upload_completed" | translate}}
-
456
- +
+
{ this.fileListNS.push(file); - console.log('beforeUpload'); - console.log('fileListNS' + this.fileListNS); + console.log('beforeUpload'); + console.log(this.fileListNS.length); console.log('fileListNS' + JSON.stringify(this.fileListNS)); this.myhttp.getCreatensData("createNetworkServiceData",this.requestBody)//on-line // this.myhttp.getCreatensData("creatensDataNS") //local @@ -229,6 +230,12 @@ export class OnboardVnfVmComponent implements OnInit { } } + nsRightList = []; + nsNum=0; + vnfRightList = []; + vnfNum=0; + pnfRightList = []; + pnfNum=0; //put Upload Upload handleUpload(url,tab): void { console.log('startUpload') @@ -240,18 +247,84 @@ export class OnboardVnfVmComponent implements OnInit { formData.append('file', file); }); this.nsuploading = true; + let lastNs = this.fileListNS[this.fileListNS.length-1]; + let nsfile={ + name:lastNs.name, + uid:lastNs.uid, + progress:0, + status:true, + success:0 + }; + this.nsNum+=1; + this.nsRightList.push(nsfile); + let requeryNs = (nsfile) => { + setTimeout(() => { + nsfile.progress+=2; + if (nsfile.progress < 100) { + requeryNs(nsfile) + } else { + nsfile.progress = 100; + nsfile.status = false; + } + }, 100) + }; + requeryNs(nsfile); break case "VNF": this.fileListVNF.forEach((file: any) => { formData.append('file', file); }); this.vnfuploading = true; + let lastVnf = this.fileListVNF[this.fileListVNF.length-1]; + let vnffile={ + name:lastVnf.name, + uid:lastVnf.uid, + progress:0, + status:true, + success:0 + }; + this.vnfNum+=1; + this.vnfRightList.push(vnffile); + let requeryVnf = (vnffile) => { + setTimeout(() => { + vnffile.progress+=2; + if (vnffile.progress < 100) { + requeryVnf(vnffile) + } else { + vnffile.progress = 100; + vnffile.status = false; + } + }, 100) + }; + requeryVnf(vnffile); break case "PNF": this.fileListPNF.forEach((file: any) => { formData.append('file', file); }); this.pnfloading = true; + let lastPnf = this.fileListPNF[this.fileListPNF.length-1]; + let pnffile={ + name:lastPnf.name, + uid:lastPnf.uid, + progress:0, + status:true, + success:0 + }; + this.pnfNum+=1; + this.pnfRightList.push(pnffile); + let requeryPnf = (pnffile) => { + setTimeout(() => { + pnffile.progress+=2; + if (pnffile.progress < 100) { + requeryPnf(pnffile) + } else { + pnffile.progress = 100; + pnffile.status = false; + } + }, 100) + }; + requeryPnf(pnffile); break } @@ -277,11 +350,47 @@ export class OnboardVnfVmComponent implements OnInit { .pipe(filter(e => e instanceof HttpResponse)) .subscribe( (event: {}) => { + if(tab =="NS"){ + console.log(this.nsRightList[this.nsNum-1],"this.nsRightList") + this.nsRightList[this.nsNum-1].progress = 100; + this.nsRightList[this.nsNum-1].status = false; + this.nsRightList[this.nsNum-1].success=0; + } + if(tab =="VNF"){ + console.log(this.vnfRightList[this.vnfNum-1],"this.vnfRightList") + this.vnfRightList[this.vnfNum-1].progress = 100; + this.vnfRightList[this.vnfNum-1].status = false; + this.vnfRightList[this.vnfNum-1].success=0; + } + if(tab =="PNF"){ + console.log(this.pnfRightList[this.pnfNum-1],"this.pnfRightList") + this.pnfRightList[this.pnfNum-1].progress = 100; + this.pnfRightList[this.pnfNum-1].status = false; + this.pnfRightList[this.pnfNum-1].success=0; + } this.changeUploadingSta(tab) console.log('upload successfully') this.msg.success('upload successfully.'); }, err => { + if(tab =="NS"){ + console.log(this.nsRightList[this.nsNum-1]) + this.nsRightList[this.nsNum-1].progress = 100; + this.nsRightList[this.nsNum-1].status = false; + this.nsRightList[this.nsNum-1].success=1; + } + if(tab =="VNF"){ + console.log(this.vnfRightList[this.vnfNum-1],"this.vnfRightList") + this.vnfRightList[this.vnfNum-1].progress = 100; + this.vnfRightList[this.vnfNum-1].status = false; + this.vnfRightList[this.vnfNum-1].success=1; + } + if(tab =="PNF"){ + console.log(this.pnfRightList[this.pnfNum-1],"this.pnfRightList") + this.pnfRightList[this.pnfNum-1].progress = 100; + this.pnfRightList[this.pnfNum-1].status = false; + this.pnfRightList[this.pnfNum-1].success=1; + } this.changeUploadingSta(tab) console.log('upload failed') this.msg.error('upload failed.'); diff --git a/usecaseui-portal/src/app/services/services-list/services-list.component.html b/usecaseui-portal/src/app/services/services-list/services-list.component.html index 55551402..7f2f132f 100644 --- a/usecaseui-portal/src/app/services/services-list/services-list.component.html +++ b/usecaseui-portal/src/app/services/services-list/services-list.component.html @@ -130,7 +130,7 @@ {{"i18nTextDefine_NO" | translate}} {{"i18nTextDefine_Name" | translate}} - {{"i18nTextDefine_Description" | translate}} + {{"i18nTextDefine_InstanceID" | translate}} {{"i18nTextDefine_UseCase" | translate}} {{"i18nTextDefine_Status" | translate}} {{"i18nTextDefine_Action" | translate}} diff --git a/usecaseui-portal/src/app/services/services-list/services-list.component.less b/usecaseui-portal/src/app/services/services-list/services-list.component.less index b7499724..d45a2357 100644 --- a/usecaseui-portal/src/app/services/services-list/services-list.component.less +++ b/usecaseui-portal/src/app/services/services-list/services-list.component.less @@ -308,33 +308,34 @@ hr { } /*2019.01.14*/ .e2eColor,.nsColor,.ccvpnColor,.sotnColor,.voLTEColor{ - color: #3671AB; + //color: #3671AB; width:120px; height: 34px; line-height: 34px; margin-bottom: 0!important; text-align: center; - background:linear-gradient(131deg,rgba(147,196,255,1) 0%,rgba(120,241,226,1) 100%); + background:rgba(158, 158, 158, 0.38); + //background:linear-gradient(131deg,rgba(147,196,255,1) 0%,rgba(120,241,226,1) 100%); border-radius:4px } -.nsColor{ - background:linear-gradient(135deg,rgba(253,187,127,1) 0%,rgba(250,215,153,1) 100%); - border-radius:4px; - color: #A16C39; -} -.ccvpnColor{ - background:linear-gradient(135deg,rgba(198,222,251,1) 0%,rgba(217,215,252,1) 100%); - border-radius:4px; - color: #7C74BB; -} -.sotnColor{ - background:rgba(201,243,239,1); - border-radius:4px; - color: #30B0A0; -} -.voLTEColor{ - background:rgba(201,243,239,1); -} +//.nsColor{ +// background:linear-gradient(135deg,rgba(253,187,127,1) 0%,rgba(250,215,153,1) 100%); +// border-radius:4px; +// color: #A16C39; +//} +//.ccvpnColor{ +// background:linear-gradient(135deg,rgba(198,222,251,1) 0%,rgba(217,215,252,1) 100%); +// border-radius:4px; +// color: #7C74BB; +//} +//.sotnColor{ +// background:rgba(201,243,239,1); +// border-radius:4px; +// color: #30B0A0; +//} +//.voLTEColor{ +// background:rgba(201,243,239,1); +//} .vnfColor,.siteColor,.SDWANColor{ color:rgba(60,79,140,0.5); width:120px; diff --git a/usecaseui-portal/src/assets/i18n/cn.json b/usecaseui-portal/src/assets/i18n/cn.json index 20f8143b..7108ecec 100644 --- a/usecaseui-portal/src/assets/i18n/cn.json +++ b/usecaseui-portal/src/assets/i18n/cn.json @@ -100,6 +100,7 @@ "i18nTextDefine_Uploading":"上传中", "i18nTextDefine_StartUpload":"开始上传", "i18nTextDefine_File_upload_completed":"文件上传完毕", + "i18nTextDefine_File_upload_failed":"文件上传失败", "i18nTextDefine_Version":"版本", "i18nTextDefine_OnboardingState":"分发状态", "i18nTextDefine_OperationalState":"操作状态", diff --git a/usecaseui-portal/src/assets/i18n/en.json b/usecaseui-portal/src/assets/i18n/en.json index cfd40ec2..7530511d 100644 --- a/usecaseui-portal/src/assets/i18n/en.json +++ b/usecaseui-portal/src/assets/i18n/en.json @@ -100,6 +100,7 @@ "i18nTextDefine_Uploading":"Uploading", "i18nTextDefine_StartUpload":"StartUpload", "i18nTextDefine_File_upload_completed":"File upload completed", + "i18nTextDefine_File_upload_failed":"File upload failed", "i18nTextDefine_Version":"Version", "i18nTextDefine_OnboardingState":"Onboarding State", "i18nTextDefine_OperationalState":"Operational State", diff --git a/usecaseui-portal/src/assets/images/tp.png b/usecaseui-portal/src/assets/images/tp.png index 9daf005b..3b0841a3 100644 Binary files a/usecaseui-portal/src/assets/images/tp.png and b/usecaseui-portal/src/assets/images/tp.png differ -- cgit 1.2.3-korg