diff options
| author |   KrupaNagabhushan <krupa.nagabhushan@est.tech> | 2022-01-23 12:40:06 +0000 |
|---|---|---|
| committer |   Michael Morris <michael.morris@est.tech> | 2022-03-02 11:44:48 +0000 |
| commit | c4a8271d664deb39e69fbba329b11ff57b9b276b (patch) | |
| tree | 3f070217dd738d0d0ab4231ff1bd06b903e7cb19 /catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.html | |
| parent | 7f07f514eacacfb54d851201c49b24acd9b5e343 (diff) | |
Support for multiple directives
Issue-ID: SDC-3861
Signed-off-by: KrupaNagabhushan <krupa.nagabhushan@est.tech>
Change-Id: Ie63c4879c28567b2d87e5fb08975b46014cf3660
Diffstat (limited to 'catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.html')
| -rw-r--r-- | catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.html | 16 |
1 files changed, 6 insertions, 10 deletions
diff --git a/catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.html b/catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.html index 5f6e992d96..3dfbf7a79a 100644 --- a/catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.html +++ b/catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.html @@ -1,18 +1,14 @@ <div class="service-dependencies"> <loader [display]="isLoading" [size]="'medium'" [relative]="true"></loader> - <div *ngIf="!isDependent" class="checkbox-label-mark-as-dependent"> - <select name="singleSelect" id="singleSelect" ng-model="data.singleSelect" - (change)='onOptionsSelected($event)'> - <option>Select Directive</option> - <option class="directives-options" *ngFor="let item of directiveOptions">{{item}}</option> - </select> - </div> - - <div *ngIf="isDependent" class="checkbox-label-mark-as-dependent"> - <label class="i-sdc-form-label">Directive: {{getActualDirectiveValue().toUpperCase()}}</label> + <select-directives *ngIf="!isDependent || isEditable" (onAddClick)="onAddDirectives($event)" [updateDirectives]="getActualDirectiveValue()"> + </select-directives> + <div *ngIf="isDependent && !isEditable" class="checkbox-label-mark-as-dependent"> + <label class="i-sdc-form-label">Directive: {{getActualDirectiveValue()}}</label> <span class="sprite-new delete-btn delete-icon" (click)="onRemoveDirective()" data-tests-id="delete-input-button"> </span> + <svg-icon-label name="edit-file-o" size="small" class="directive-edit-icon" data-tests-id="directive-edit-icon" (click)="onEditDirectives()"> + </svg-icon-label> </div> <div *ngIf="isDependent"> |