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)="onAddOperation()">
   7         Add Operation
   8     </div>
   9
  10     <div class="operation-list" [ngClass]="{'disabled': readonly}">
  11
  12         <div
  13             class="operation-row"
  14             *ngFor="let operation of operationList"
  15             (click)="onEditOperation(operation)">
  16
  17             <span class="operation-info-container">
  18                 <span class="operation-title">
  19                     <p class="operation-text" data-tests-id="interfaceOperationType">{{operation.operationType}}</p>
  20                 </span>
  21
  22                 <span class="operation-description">
  23                     <p class="operation-text" data-tests-id="interfaceOperationDescription">{{operation.description}}</p>
  24                 </span>
  25             </span>
  26
  27             <span class="operation-dumbo">
  28                 <span
  29                     class="sprite-new delete-item-icon"
  30                     data-tests-id="deleteInterfaceOperation"
  31                     (click)="onRemoveOperation($event, operation)">
  32                 </span>
  33             </span>
  34
  35         </div>
  36     </div>
  37
  38 </div>