X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Futilities%2Fns-update%2FNsUpdateComponent.html;h=b6cf4f777956e5f41d4802b320becc0c4059a4b4;hb=e478d7eaa9ac0636c14f62450364729519ef8f8e;hp=337c283ed3eaaed2da72aa4b64dcedc2db275e8e;hpb=8ead52b5bf62525b2697b7ca6aaf0b896bbd3400;p=osm%2FNG-UI.git

diff --git a/src/app/utilities/ns-update/NsUpdateComponent.html b/src/app/utilities/ns-update/NsUpdateComponent.html
index 337c283..b6cf4f7 100644
--- a/src/app/utilities/ns-update/NsUpdateComponent.html
+++ b/src/app/utilities/ns-update/NsUpdateComponent.html
@@ -59,6 +59,28 @@ Author: SANDHYA JS (sandhya.j@tataelxsi.co.in)
                     [ngClass]="{ 'is-invalid': submitted && f.vnfdId.errors }"></ng-select>
             </div>
         </div>
+        <div class="form-group row mb-3" *ngIf="vduIdShow">
+            <div class="col-sm-6">
+                <label for="vdu-id"> {{'VDUID' | translate}} *</label>
+            </div>
+            <div class="col-sm-6">
+                <ng-select formControlName="vduId" [clearable]="false" (change)="getCountIndex()"
+                    placeholder="{{'SELECT' | translate}} {{'VDUID' | translate}}" [items]="vduId" bindLabel="VDU"
+                    bindValue="VDU" [ngClass]="{ 'is-invalid': submitted && f.vduId.errors }">
+                </ng-select>
+            </div>
+        </div>
+        <div class="form-group row mb-3" *ngIf="vduIdShow">
+            <div class="col-sm-6">
+                <label for="count-index"> {{'COUNTINDEX' | translate}} *</label>
+            </div>
+            <div class="col-sm-6">
+                <input autocomplete="off" class="form-control" placeholder="{{'SELECT' | translate}} {{'COUNTINDEX' | translate}}" type="text"
+                    formControlName="countIndex" id="countIndex"
+                    [ngClass]="{ 'is-invalid': submitted && f.countIndex.errors }"
+                    maxlength="{{sharedService.MAX_LENGTH_NAME}}" required>
+            </div>
+        </div>
     </div>
     <div class="modal-footer">
         <button type="button" (click)="activeModal.close()" class="btn btn-danger">{{'CANCEL' | translate}}</button>