- <ng-select (change)="getVDUPrimitive($event)" [clearable]="false" placeholder="{{'SELECT' | translate}}"
- [items]="vduList" bindLabel="name" bindValue="id" formControlName="vdu_id" id="vdu_id"
- [ngClass]="{ 'is-invalid': submitted && f.vdu_id.errors }"></ng-select>
+ <ng-select (change)="getPrimitiveList($event, 'vdu')" [clearable]="false" placeholder="{{'SELECT' | translate}}" [items]="vduList" bindLabel="name" bindValue="id" formControlName="vdu_id" id="vdu_id" [ngClass]="{ 'is-invalid': submitted && f.vdu_id.errors }"></ng-select>
+ </div>
+ </div>
+ <div class="form-group row" *ngIf="primitiveType === 'KDU_Primitive'">
+ <label class="col-sm-4 col-form-label">{{'SELECT' | translate}} KDU *</label>
+ <div class="col-sm-8">
+ <ng-select (change)="getPrimitiveList($event, 'kdu')" [clearable]="false" placeholder="{{'SELECT' | translate}}" [items]="kduList" bindLabel="name" bindValue="name" formControlName="kdu_name" id="kdu_name" [ngClass]="{ 'is-invalid': submitted && f.kdu_name.errors }"></ng-select>