diff options
| author |   andre.schmid <andre.schmid@est.tech> | 2022-06-20 14:59:26 +0100 |
|---|---|---|
| committer | andre.schmid <andre.schmid@est.tech> | 2022-06-20 14:59:26 +0100 |
| commit | ce3e2816ec3aa034bdef323c1a33b71485e87eb0 (patch) | |
| tree | 06a0a2a442c1662dc7e646c7f3217eb390cc4f31 /catalog-ui/src/app/ng2/pages/interface-definition/interface-definition.page.component.html | |
| parent | 097ca1640d7fe865649827635118bfa633fed805 (diff) | |
Allow to delete an interface operation from VFC
Issue-ID: SDC-4055
Change-Id: I43e79315dce12e2060f8b1dbdfcae29da46fc02e
Signed-off-by: stasys10 <stasys.jurgaitis@est.tech>
Signed-off-by: Vasyl Razinkov <vasyl.razinkov@est.tech>
Signed-off-by: andre.schmid <andre.schmid@est.tech>
Diffstat (limited to 'catalog-ui/src/app/ng2/pages/interface-definition/interface-definition.page.component.html')
| -rw-r--r-- | catalog-ui/src/app/ng2/pages/interface-definition/interface-definition.page.component.html | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/catalog-ui/src/app/ng2/pages/interface-definition/interface-definition.page.component.html b/catalog-ui/src/app/ng2/pages/interface-definition/interface-definition.page.component.html index f3043ffebd..bf36df0593 100644 --- a/catalog-ui/src/app/ng2/pages/interface-definition/interface-definition.page.component.html +++ b/catalog-ui/src/app/ng2/pages/interface-definition/interface-definition.page.component.html @@ -69,15 +69,20 @@ <span class="cell header-cell field-description header-description"> {{ 'INTERFACE_HEADER_DESCRIPTION' | translate }} </span> + <span class="cell field-delete" *ngIf="!readonly"><span class="delete-col-header"></span></span> </div> - <div class="data-row" *ngFor="let operation of interface1.operations" (click)="onSelectInterfaceOperation(interface1, operation)"> - <span class="cell field-name">{{operation.name}}</span> - <span class="cell field-description" [ngClass]="{'collapsed': operation.isCollapsed}"> - {{operation.getDescriptionEllipsis()}} + <div class="data-row" *ngFor="let operation of interface1.operations"> + <span class="cell field-name" + (click)="onSelectInterfaceOperation(interface1, operation)">{{operation.name}}</span> + <span class="cell field-description" (click)="onSelectInterfaceOperation(interface1, operation)" + [ngClass]="{'collapsed': operation.isCollapsed}">{{operation.getDescriptionEllipsis()}} <span class="more-or-less link" (click)="operation.toggleCollapsed($event)"> {{!operation.isEllipsis ? '' : operation.isCollapsed ? 'More' : 'Less'}} - </span> </span> + </span> + <span class="cell field-delete" *ngIf="!readonly"> + <button class="table-delete-btn" (click)="onRemoveOperation(operation)"></button> + </span> </div> </div> </div> |