date based comments removed

date based comments removed

Issue-ID: USECASEUI-303

Signed-off-by: anjali.walsatwar <anjali.walsatwar@huawei.com>
Change-Id: I56c4b05a8fe98419c122d1d0257cf118fd15929d

1 files changed, 99 insertions, 106 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 5e9f8158..da673bf0 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
@@ -15,132 +15,125 @@
 -->
 <!--<h3 class="title"> Services List </h3>-->
 <div class="model creation-model">
-  <!-- Create data -->
+    <!-- Create data -->
     <div class="top-title">
-        <h3 class="title fl">{{createParams.commonParams.templateType}}  {{"i18nTextDefine_InstanceCreation" | translate}} </h3>
+        <h3 class="title fl">{{createParams.commonParams.templateType}} {{"i18nTextDefine_InstanceCreation" | translate}} </h3>
         <div class="fl" style="width: 20%">
-            <button class="submit" nz-button (click)="submit()"><span> {{"i18nTextDefine_Create" | translate}} </span></button>
+            <button class="submit" nz-button (click)="submit()">
+                <span> {{"i18nTextDefine_Create" | translate}} </span>
+            </button>
             <button class="back" nz-button (click)="goback()"></button>
         </div>
     </div>
     <div class="e2ecreate-content">
-    <div class="creation fl">
-        <div *ngIf="createParams.commonParams.templateType=='E2E Service'" class="baseparms clearfix">
-            <!--2019.02.21 add-->
-            <div class="vnf-box">
+        <div class="creation fl">
+            <div *ngIf="createParams.commonParams.templateType=='E2E Service'" class="baseparms clearfix">
+                <div class="vnf-box">
                     <h3> {{"i18nTextDefine_Base" | translate}} </h3>
-                <ul class="clearfix">
-                    <li><span>Name:</span> <input nz-input [(ngModel)]="service.name"></li>
-                    <li><span>Description:</span> <input nz-input [(ngModel)]="service.description"></li>
-                    <li><span>COS:</span> <input nz-input [(ngModel)]="service.COS"></li>
-                    <li><span>EBS:</span> <input nz-input [(ngModel)]="service.EBS"></li>
-                </ul>
-            </div>
-            <div class="vnf-box" *ngIf="templateParameters.inputs.length>0">
+                    <ul class="clearfix">
+                        <li>
+                            <span>Name:</span>
+                            <input nz-input [(ngModel)]="service.name">
+                        </li>
+                        <li>
+                            <span>Description:</span>
+                            <input nz-input [(ngModel)]="service.description">
+                        </li>
+                        <li>
+                            <span>COS:</span>
+                            <input nz-input [(ngModel)]="service.COS">
+                        </li>
+                        <li>
+                            <span>EBS:</span>
+                            <input nz-input [(ngModel)]="service.EBS">
+                        </li>
+                    </ul>
+                </div>
+                <div class="vnf-box" *ngIf="templateParameters.inputs.length>0">
                     <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'" title="{{parameter.name}}">{{parameter.name}}:</span>
-                        <input *ngIf="parameter.type !== 'vf_location' && parameter.type !== 'sdn_controller'" nz-input
-                               [(ngModel)]="parameter.value">
-
-                        <h5 *ngIf="parameter.type === 'vf_location'" style="padding-left:10px;">id:
-                            {{parameter.name}}</h5>
-                        <span *ngIf="parameter.type === 'vf_location'"> vf_location: </span>
-                        <nz-select *ngIf="parameter.type === 'vf_location'"
-                                   [(ngModel)]="parameter.value" nzAllowClear>
-                            <nz-option *ngFor="let vim of vimInfos" [nzValue]="vim" [nzLabel]="vim.name"></nz-option>
-                        </nz-select>
-                        <!-- <nz-select *ngIf="parameter.type === 'sdn_controller'" style="width: 165px;" [(ngModel)]="parameter.value" nzAllowClear >
-                          <nz-option *ngFor="let control of sdnControllers" [nzValue]="control" [nzLabel]="control.name"></nz-option>
-                        </nz-select> -->
-                    </li>
-                </ul>
-            </div>
-            <div class="vnf-box" *ngFor="let template of templateParameters.nestedTemplates;">
-                <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'" title="{{input.name}}"> {{input.name}}: </span>
-                        <input *ngIf="input.type !== 'vf_location' && input.type !== 'sdn_controller'" nz-input
-                               [(ngModel)]="input.value">
+                    <ul>
+                        <li *ngFor="let parameter of templateParameters.inputs; let i = index;">
+                            <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">
 
-                        <h5 *ngIf="input.type === 'vf_location'" style="padding-left:10px;">id: {{input.name}}</h5>
-                        <span *ngIf="input.type === 'vf_location'"> vf_location: </span>
-                        <nz-select *ngIf="input.type === 'vf_location'"
-                                   [(ngModel)]="input.value"
-                                   nzAllowClear>
-                            <nz-option *ngFor="let vim of vimInfos" [nzValue]="vim"
-                                       [nzLabel]="vim.name"></nz-option>
-                        </nz-select>
+                            <h5 *ngIf="parameter.type === 'vf_location'" style="padding-left:10px;">id: {{parameter.name}}
+                            </h5>
+                            <span *ngIf="parameter.type === 'vf_location'"> vf_location: </span>
+                            <nz-select *ngIf="parameter.type === 'vf_location'" [(ngModel)]="parameter.value" nzAllowClear>
+                                <nz-option *ngFor="let vim of vimInfos" [nzValue]="vim" [nzLabel]="vim.name"></nz-option>
+                            </nz-select>
+                        </li>
+                    </ul>
+                </div>
+                <div class="vnf-box" *ngFor="let template of templateParameters.nestedTemplates;">
+                    <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'" title="{{input.name}}"> {{input.name}}: </span>
+                            <input *ngIf="input.type !== 'vf_location' && input.type !== 'sdn_controller'" nz-input [(ngModel)]="input.value">
 
-                        <!--<nz-select *ngIf="input.type === 'sdn_controller'" style="width: 165px;"-->
-                                   <!--[(ngModel)]="input.value" nzAllowClear>-->
-                            <!--<nz-option *ngFor="let control of sdnControllers" [nzValue]="control"-->
-                                       <!--[nzLabel]="control.name"></nz-option>-->
-                        <!--</nz-select>-->
-                    </li>
-                </ul>
+                            <h5 *ngIf="input.type === 'vf_location'" style="padding-left:10px;">id: {{input.name}}</h5>
+                            <span *ngIf="input.type === 'vf_location'"> vf_location: </span>
+                            <nz-select *ngIf="input.type === 'vf_location'" [(ngModel)]="input.value" nzAllowClear>
+                                <nz-option *ngFor="let vim of vimInfos" [nzValue]="vim" [nzLabel]="vim.name"></nz-option>
+                            </nz-select>
+                        </li>
+                    </ul>
+                </div>
             </div>
-        </div>
 
-        <div *ngIf="createParams.commonParams.templateType=='Network Service'" class="baseparms clearfix">
-            <div class="vnf-box">
+            <div *ngIf="createParams.commonParams.templateType=='Network Service'" class="baseparms clearfix">
+                <div class="vnf-box">
                     <h3> {{"i18nTextDefine_Base" | translate}} </h3>
-                <ul class="clearfix">
-                    <li><span>Name:</span> <input nz-input [(ngModel)]="ns_service.nsName"></li>
-                    <li><span>Description:</span> <input nz-input [(ngModel)]="ns_service.description"></li>
-                </ul>
-            </div>
-            <div class="vnf-box" *ngIf="nsTemplateParameters.inputs2.length>0">
+                    <ul class="clearfix">
+                        <li>
+                            <span>Name:</span>
+                            <input nz-input [(ngModel)]="ns_service.nsName">
+                        </li>
+                        <li>
+                            <span>Description:</span>
+                            <input nz-input [(ngModel)]="ns_service.description">
+                        </li>
+                    </ul>
+                </div>
+                <div class="vnf-box" *ngIf="nsTemplateParameters.inputs2.length>0">
                     <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'" title="{{parameter.name}}">{{parameter.name}}:</span>
-                        <input *ngIf="parameter.type !== 'vf_location' && parameter.type !== 'sdn_controller'" nz-input
-                               [(ngModel)]="parameter.value">
+                    <ul>
+                        <li *ngFor="let parameter of nsTemplateParameters.inputs2; let i = index;">
+                            <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">
 
-                        <h5 *ngIf="parameter.type === 'vf_location'" style="padding-left:10px;">id:
-                            {{parameter.name}}</h5>
-                        <span *ngIf="parameter.type === 'vf_location'"> vf_location: </span>
-                        <nz-select *ngIf="parameter.type === 'vf_location'"
-                                   [(ngModel)]="parameter.value" nzAllowClear>
-                            <nz-option *ngFor="let vim of vimInfos" [nzValue]="vim" [nzLabel]="vim.name"></nz-option>
-                        </nz-select>
-                        <!-- <nz-select *ngIf="parameter.type === 'sdn_controller'" style="width: 165px;" [(ngModel)]="parameter.value" nzAllowClear >
-                          <nz-option *ngFor="let control of sdnControllers" [nzValue]="control" [nzLabel]="control.name"></nz-option>
-                        </nz-select> -->
-                    </li>
-                </ul>
-            </div>
-            <div class="vnf-box">
+                            <h5 *ngIf="parameter.type === 'vf_location'" style="padding-left:10px;">id: {{parameter.name}}
+                            </h5>
+                            <span *ngIf="parameter.type === 'vf_location'"> vf_location: </span>
+                            <nz-select *ngIf="parameter.type === 'vf_location'" [(ngModel)]="parameter.value" nzAllowClear>
+                                <nz-option *ngFor="let vim of vimInfos" [nzValue]="vim" [nzLabel]="vim.name"></nz-option>
+                            </nz-select>
+                        </li>
+                    </ul>
+                </div>
+                <div class="vnf-box">
                     <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>
-                        <span> vf_location: </span>
-                        <nz-select  [(ngModel)]="vnf.value" nzAllowClear>
-                            <nz-option *ngFor="let vim of vimInfos" [nzValue]="vim" [nzLabel]="vim.name"></nz-option>
-                        </nz-select>
-                    </li>
-                </ul>
+                    <ul>
+                        <li *ngFor="let vnf of nsTemplateParameters.vnfs;">
+                            <h5 style="padding-left:10px;">id: {{vnf.vnf_id}}</h5>
+                            <span> vf_location: </span>
+                            <nz-select [(ngModel)]="vnf.value" nzAllowClear>
+                                <nz-option *ngFor="let vim of vimInfos" [nzValue]="vim" [nzLabel]="vim.name"></nz-option>
+                            </nz-select>
+                        </li>
+                    </ul>
+                </div>
             </div>
         </div>
-    </div>
         <div class="dividing-line fl"></div>
-    <!-- chart -->
-    <div class="chart fr">
-        <div id="createChart">
-            <svg width="100%" height="100%">
-
-                <!--<image xlink:href="./assets/images/create-e2e.png"-->
-                       <!--x="40%" y="16%" />-->
-
-            </svg>
-
+        <!-- chart -->
+        <div class="chart fr">
+            <div id="createChart">
+                <svg width="100%" height="100%">
+                </svg>
             </div>
         </div>
     </div>
 
-</div>
-
+</div>
\ No newline at end of file