</div>
<form [formGroup]="nsUpdateForm" (ngSubmit)="triggerNsUpdate()" autocomplete="off">
<div class="modal-body">
- <div class="form-group row">
+ <div class="form-group row mb-3">
<label class="col-sm-12 col-form-label mandatory-label"
[ngClass]="{'text-danger': nsUpdateForm.invalid === true && submitted === true}">
{{'MANDATORYCHECK' | translate}}
[ngClass]="{ 'is-invalid': submitted && f.updateType.errors }"></ng-select>
</div>
</div>
- <div class="form-group row">
+ <div class="form-group row mb-3">
<div class="col-sm-6">
<label for="memberVnfIndex"> {{'MEMBERVNFINDEX' | translate}} *</label>
</div>
<div class="col-sm-6">
- <ng-select formControlName="memberVnfIndex" [clearable]="false" [(ngModel)]="memberIndexValue" (change) = 'getSelectedVNF($event.vnfinstanceId)'
- placeholder="{{'SELECTMEMBERVNFINDEX' | translate}}" [items]="memberTypes" bindLabel="id"
- bindValue="id" [ngClass]="{ 'is-invalid': submitted && f.memberVnfIndex.errors }">
+ <ng-select formControlName="memberVnfIndex" [clearable]="false" [(ngModel)]="memberIndexValue" (change)='getSelectedVNF($event.vnfinstanceId)'
+ placeholder="{{'SELECTMEMBERVNFINDEX' | translate}}" [items]="memberTypes"
+ bindLabel="id" bindValue="id" [ngClass]="{ 'is-invalid': submitted && f.memberVnfIndex.errors }">
</ng-select>
<small class="form-text text-muted" *ngIf="selectedvnfId !== ''">vnfd : {{ selectedvnfId }}</small>
</div>
</div>
- <div class="form-group row" *ngIf="!vnfdIdShow">
+ <div class="form-group row mb-3" *ngIf="!vnfdIdShow">
<div class="col-sm-6">
<label for="vnfdId"> {{'VNFDNAME' | translate}} *</label>
</div>
[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>