From 9ed97927108df3ba9041441e89370fe4c2b6460a Mon Sep 17 00:00:00 2001 From: zhangab Date: Fri, 18 Jan 2019 18:27:54 +0800 Subject: Fix VNF Alarm Query Bugs Change-Id: I8df1f00de182e6c9f039e2e65237d3e8628c5717 Issue-ID: USECASEUI-165 Signed-off-by: zhangab --- .../onboard-vnf-vm/onboard-vnf-vm.component.html | 469 ++++++++++++++------- .../onboard-vnf-vm/onboard-vnf-vm.component.less | 53 ++- 2 files changed, 358 insertions(+), 164 deletions(-) (limited to 'usecaseui-portal/src/app/services') 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 c90920c3..605c455f 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 @@ -14,197 +14,342 @@ limitations under the License. --> - - -
-

Onboard {{tabTitle}}

+ + +
+ +

-

Click or drag file to this area to upload

+

Click or drag CSAR File here

 - -
- - - - NO - Name - Version - Onboarding State - Operational State - Usage State - Operation button - - - - - {{item.id}} - {{item.uuid}} - - {{item.nsdName}} -   - {{item.name}} -   - {{item.nsdVersion}} -   - {{item.version}} -   - - {{item.nsdOnboardingState}} -   - {{status}} - - - - {{item.nsdOperationalState}} - {{item.nsdUsageState}} - - - - - - - - - - - - - - - -
- -
-

Onboard {{tabTitle}}

+
+
+
+
Uploaded files
+
+
111
+
pnf-test.csar
+
+ +
+
456
+
+
+
111
+
pnf-test.csar
+
+ +
+
456
+
+
+
111
+
pnf-test.csar
+
File upload completed
+
456
+
+
+
111
+
pnf-test.csar
+
File upload completed
+
456
+
+
+
111
+
pnf-test.csar
+
File upload completed
+
456
+
+
+ +
+ +
+ + + + NO + Name + Version + Onboarding State + Operational State + Usage State + Operation button + + + + + {{item.id}} + {{item.uuid}} + + {{item.nsdName}} +   + {{item.name}} +   + {{item.nsdVersion}} +   + {{item.version}} +   + + {{item.nsdOnboardingState}} +   + {{status}} + + + + {{item.nsdOperationalState}} + {{item.nsdUsageState}} + + + + + + + + + + + + + + + + + + +
+ +
+ +

-

Click or drag file to this area to upload

+

Click or drag CSAR File here

 - -
- - - - NO - Name - Version - Onboarding State - Operational State - Usage State - Operation button - - - - - {{item.id}} - {{item.uuid}} - {{item.vnfProductName}} -   - {{item.name}} - {{item.vnfdVersion}} -   - {{item.version}} - {{item.onboardingState}} - {{item.usageState}} - {{item.operationalState}} - - - - - - - - - - - - - - -
- -
-

Onboard {{tabTitle}}

+
+
+
+
Uploaded files
+
+
111
+
pnf-test.csar
+
+ +
+
456
+
+
+
111
+
pnf-test.csar
+
+ +
+
456
+
+
+
111
+
pnf-test.csar
+
File upload completed
+
456
+
+
+
111
+
pnf-test.csar
+
File upload completed
+
456
+
+
+
111
+
pnf-test.csar
+
File upload completed
+
456
+
+
+
+ +
+ + + + NO + Name + Version + Onboarding State + Operational State + Usage State + Operation button + + + + + {{item.id}} + {{item.uuid}} + {{item.vnfProductName}} +   + {{item.name}} + {{item.vnfdVersion}} +   + {{item.version}} + {{item.onboardingState}} + {{item.usageState}} + {{item.operationalState}} + + + + + + + + + + + + + + + + + + + +
+ +
+ +

-

Click or drag file to this area to upload

+

Click or drag CSAR File here

 - -
- - - - NO - Name - Version - Onboarding State - Usage State - Operation button - - - - - {{item.id}} - {{item.pnfdName}} - {{item.pnfdVersion}} - {{item.pnfdOnboardingState}} - {{item.pnfdUsageState}} - - - - - - - - - - - - - -
- +
+
+
+
Uploaded files
+
+
111
+
pnf-test.csar
+
+ +
+
456
+
+
+
111
+
pnf-test.csar
+
+ +
+
456
+
+
+
111
+
pnf-test.csar
+
File upload completed
+
456
+
+
+
111
+
pnf-test.csar
+
File upload completed
+
456
+
+
+
111
+
pnf-test.csar
+
File upload completed
+
456
+
+
+
+ +
+ + + + NO + Name + Version + Onboarding State + Usage State + Operation button + + + + + {{item.id}} + {{item.pnfdName}} + {{item.pnfdVersion}} + {{item.pnfdOnboardingState}} + {{item.pnfdUsageState}} + + + + + + + + + + + + + + +
+ diff --git a/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.less b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.less index aca14585..b4d92fde 100644 --- a/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.less +++ b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.less @@ -42,9 +42,58 @@ hr { } .list { - background-color: #fff; + // background-color: #fff; border-radius: 5px; - padding: 10px; + // padding: 10px; + .listupload { + width: 22%; + float: left; + margin-left: 13%; + } + .listlin { + float: left; + width: 1%; + margin-left: 10%; + height: 177px; + margin-bottom: 30px; + border-right: 2px solid #EEEEEE; + } + .listfile { + float: left; + width: 44%; + margin-left: 10%; + .listfilebgc { + background-color: #fff; + border-bottom: 8px solid #F7F8FC; + } + .listfilebgc { + background-color: #fff; + height: 30px; + border-radius: 2px; + line-height: 2; + color: #42548F; + border-bottom: 4px solid #F7F8FC; + >div { + float: left; + } + :first-child { + width: 6%; + } + :nth-child(2){ + width:20%; + } + :nth-child(3){ + width: 60%; + text-align: center; + } + :nth-child(4){ + padding-left: 4%; + } + .color { + color:rgba(66,84,143,0.5); + } + } + } nz-table { tbody { td { -- cgit 1.2.3-korg