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

   1 <div class="operation-creator">
   2     <form class="w-sdc-form">
   3
   4         <div class="side-by-side">
   5             <div class="i-sdc-form-item">
   6                 <label class="i-sdc-form-label">Operation Type</label>
   7                 <input
   8                     type="text"
   9                     data-tests-id="operationType"
  10                     name="operationType"
  11                     [(ngModel)]="operation.operationType"
  12                     [attr.maxLength]="200"
  13                     [disabled]="isEditMode" />
  14             </div>
  15
  16             <div class="i-sdc-form-item" >
  17                 <label class="i-sdc-form-label">Description</label>
  18                 <input
  19                     type="text"
  20                     data-tests-id="operationDescription"
  21                     name="description"
  22                     [(ngModel)]="operation.description"
  23                     [attr.maxLength]="200" />
  24             </div>
  25         </div>
  26
  27         <div class="separator-buttons">
  28             <span class="input-param-title">Input Parameters</span>
  29             <a
  30                 class="add-param-link"
  31                 data-tests-id="addInputParameter"
  32                 [ngClass]="{'disabled':!isAddAllowed()}"
  33                 (click)="addParam()">
  34                 Add Input Parameter
  35             </a>
  36         </div>
  37
  38         <div class="generic-table">
  39             <div class="header-row table-row">
  40                 <span class="cell header-cell">Name</span>
  41                 <span class="cell header-cell">Property Name</span>
  42                 <span class="cell header-cell"></span>
  43             </div>
  44
  45             <div class="empty-msg data-row" *ngIf="inputParams.length === 0">
  46                 No data to display.
  47             </div>
  48
  49             <param-row
  50                 *ngFor="let param of inputParams; let idx=index"
  51                 class="data-row"
  52                 [param]="param"
  53                 [inputProps]="inputProperties"
  54                 [onRemoveParam]="onRemoveParam">
  55             </param-row>
  56         </div>
  57
  58     </form>
  59 </div>