catalog-ui/src/app/ng2/pages/interface-operation/interface-operation.page.component.html

   1 <div class="interface-operation">
   2     <div
   3         class="add-btn"
   4         [ngClass]="{'disabled': readonly}"
   5         data-tests-id="addInterfaceOperation"
   6         (click)="onEditOperation()">
   7         Add Operation
   8     </div>
   9
  10     <div class="operation-list">
  11
  12         <loader [display]="isLoading" [size]="'large'" [relative]="true"></loader>
  13
  14         <div
  15             class="operation-row"
  16             *ngFor="let operation of operationList"
  17             (click)="onEditOperation(operation)">
  18
  19             <span class="operation-info-container">
  20                 <span class="operation-title">
  21                     <p class="operation-text" data-tests-id="interfaceOperationType">{{operation.operationType}}</p>
  22                 </span>
  23
  24                 <span class="operation-description">
  25                     <p class="operation-text" data-tests-id="interfaceOperationDescription">{{operation.description}}</p>
  26                 </span>
  27             </span>
  28
  29             <span class="operation-dumbo" *ngIf="!readonly">
  30                 <span
  31                     class="sprite-new delete-item-icon"
  32                     data-tests-id="deleteInterfaceOperation"
  33                     (click)="onRemoveOperation($event, operation)">
  34                 </span>
  35             </span>
  36
  37         </div>
  38     </div>
  39
  40 </div>