- <input autocomplete="off" class="form-control" placeholder="{{'VNFDID' | translate}}" type="text"
- formControlName="vnfdId" id="computeHost"
- [ngClass]="{ 'is-invalid': submitted && f.vnfdId.errors }">
+ <ng-select formControlName="vnfdId" [clearable]="false" placeholder="{{'SELECT' | translate}} {{'VNFDNAME' | translate}}"
+ [items]="selectedVnf" bindLabel="VNFD" bindValue="VNFID"
+ [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>