Fix instance instantiation for NS

Change-Id: I8979b70ca2efd8a09d37eb74233e15093a15806a
Issue-ID: USECASEUI-255
Signed-off-by: guochuyicmri <guochuyi@chinamobile.com>

2 files changed, 12 insertions, 8 deletions

diff --git a/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.html b/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.html
index 497693fe..b2ec4401 100644
--- a/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.html
+++ b/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.html
@@ -42,7 +42,7 @@
                     <h3>{{"i18nTextDefine_templateInputs" | translate}}</h3>
                 <ul>
                     <li *ngFor="let parameter of templateParameters.inputs; let i = index;">
-                        <span *ngIf="parameter.type !== 'vf_location' && parameter.type !== 'sdn_controller'">{{parameter.name}}:</span>
+                        <span *ngIf="parameter.type !== 'vf_location' && parameter.type !== 'sdn_controller'" title="{{parameter.name}}">{{parameter.name}}:</span>
                         <input *ngIf="parameter.type !== 'vf_location' && parameter.type !== 'sdn_controller'" nz-input
                                [(ngModel)]="parameter.value">
 
@@ -63,7 +63,7 @@
                 <h3>{{template.name}}</h3>
                 <ul>
                     <li *ngFor="let input of template.inputs; let i = index;">
-                        <span *ngIf="input.type !== 'vf_location' && input.type !== 'sdn_controller'"> {{input.name}}: </span>
+                        <span *ngIf="input.type !== 'vf_location' && input.type !== 'sdn_controller'" title=" {{input.name}}"> {{input.name}}: </span>
                         <input *ngIf="input.type !== 'vf_location' && input.type !== 'sdn_controller'" nz-input
                                [(ngModel)]="input.value">
 
@@ -98,7 +98,7 @@
                     <h4>{{"i18nTextDefine_templateInputs" | translate}}</h4>
                 <ul>
                     <li *ngFor="let parameter of nsTemplateParameters.inputs2; let i = index;">
-                        <span *ngIf="parameter.type !== 'vf_location' && parameter.type !== 'sdn_controller'">{{parameter.name}}:</span>
+                        <span *ngIf="parameter.type !== 'vf_location' && parameter.type !== 'sdn_controller'" title="{{parameter.name}}">{{parameter.name}}:</span>
                         <input *ngIf="parameter.type !== 'vf_location' && parameter.type !== 'sdn_controller'" nz-input
                                [(ngModel)]="parameter.value">
 
@@ -116,7 +116,7 @@
                 </ul>
             </div>
             <div class="vnf-box">
-                <h4>vnfs Inputs</h4>
+                    <h4 *ngIf="nsTemplateParameters.vnfs.length>0">vnfs Inputs</h4>
                 <ul>
                     <li *ngFor="let vnf of nsTemplateParameters.vnfs;">
                         <h5 style="padding-left:10px;">id: {{vnf.vnf_id}}</h5>
diff --git a/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.less b/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.less
index 3a1693b6..1900f7d2 100644
--- a/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.less
+++ b/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.less
@@ -96,7 +96,7 @@ hr {
         padding: 20px;
         background: #fff;
         .baseparms {
-            h3 {
+            h3,h4{
                 color: #06A7E2;
                 width: 96%;
                 height: 40px;
@@ -114,12 +114,15 @@ hr {
                 font: 700 16px "Arial";
                 margin-left: 25px;
             }
+            .vnf-box{
+                clear: both;
+            }
             ul{
                 margin-left: 30px;
             }
             ul li {
                 margin: 10px 0;
-                width: 40%;
+                width: 42%;
                 margin-right: 5%;
                 float: left;
                 text-align: left;
@@ -129,11 +132,12 @@ hr {
                     font: 700 14px "Arial";
                     vertical-align: middle;
                     overflow: hidden;
-                    text-overflow: ellipsis;
-                    text-align: left;
+                    //text-overflow: ellipsis;
+                    text-align: left;		   
                 }
                 input,nz-select{
                     width: 65%;
+		     margin-left:3%
                 }
             }
         }