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

   1 <div class="operation-creator">
   2     <loader [display]="isLoading" [size]="'large'" [relative]="true"></loader>
   3
   4     <form class="w-sdc-form">
   5
   6         <div class="side-by-side">
   7             <div class="i-sdc-form-item">
   8                 <label class="i-sdc-form-label" [ngClass]="{'required': !isEditMode}">Operation Type</label>
   9                 <ui-element-dropdown
  10                     data-tests-id="operationTypeDropdown"
  11                     [values]="operation.OperationTypeEnum"
  12                     [(value)]="operation.operationType"
  13                     [readonly]="isEditMode">
  14                 </ui-element-dropdown>
  15             </div>
  16
  17             <div class="i-sdc-form-item" >
  18                 <label class="i-sdc-form-label">Description</label>
  19                 <input
  20                     type="text"
  21                     data-tests-id="operationDescription"
  22                     name="description"
  23                     [(ngModel)]="operation.description"
  24                     [attr.maxLength]="200" />
  25             </div>
  26         </div>
  27
  28         <div class="i-sdc-form-item">
  29             <checkbox
  30                 [label]="'Assign Workflow'"
  31                 [(checked)]="isAssociateWorkflow"
  32                 (checkedChange)="toggleAssociateWorkflow()"
  33                 data-tests-id="checkbox-assign-workflow">
  34             </checkbox>
  35         </div>
  36
  37         <div class="side-by-side" *ngIf="isAssociateWorkflow">
  38             <div class="i-sdc-form-item">
  39                 <label class="i-sdc-form-label required">Workflow</label>
  40                 <ui-element-dropdown
  41                     data-tests-id="associated-workflow"
  42                     [values]="workflows"
  43                     [(value)]="operation.workflowId"
  44                     (valueChange)="onSelectWorkflow()">
  45                 </ui-element-dropdown>
  46             </div>
  47
  48             <div class="i-sdc-form-item">
  49                 <label class="i-sdc-form-label required">Workflow Version</label>
  50                 <ui-element-dropdown
  51                     data-tests-id="associated-workflow-version"
  52                     [ngClass]="{'disabled': !operation.workflowId}"
  53                     [values]="workflowVersions"
  54                     [(value)]="operation.workflowVersionId"
  55                     (valueChange)="changeWorkflowVersion()">
  56                 </ui-element-dropdown>
  57             </div>
  58         </div>
  59
  60         <div class="separator-buttons">
  61             <span class="input-param-title">Input Parameters</span>
  62             <a
  63                 class="add-param-link add-btn"
  64                 *ngIf="!isAssociateWorkflow"
  65                 data-tests-id="addInputParameter"
  66                 [ngClass]="{'disabled':!isParamsValid()}"
  67                 (click)="addParam()">Add Input Parameter</a>
  68         </div>
  69
  70         <div class="generic-table">
  71             <div class="header-row table-row">
  72                 <span class="cell header-cell field-name">Name</span>
  73                 <span class="cell header-cell">Type</span>
  74                 <span class="cell header-cell field-property">
  75                     Property
  76                     <span
  77                         *ngIf="!isAssociateWorkflow"
  78                         class="sprite-new info-icon"
  79                         tooltip="{{propertyTooltipText}}"
  80                         tooltipDelay="0">
  81                     </span>
  82                 </span>
  83                 <span class="cell header-cell field-mandatory" *ngIf="!isAssociateWorkflow">Mandatory</span>
  84                 <span class="cell header-cell remove" *ngIf="!isAssociateWorkflow">●●●</span>
  85             </div>
  86
  87             <div class="empty-msg data-row" *ngIf="inputParameters.length === 0">
  88                 <div>NO PARAMETERS TO SHOW</div>
  89                 <div *ngIf="isAssociateWorkflow && !operation.workflowVersionId">
  90                     <div *ngIf="workflows.length">
  91                         <span class="bold-message">Select Workflow and Workflow Version above</span>
  92                         <span>in order to see the parameters</span>
  93                     </div>
  94                     <div *ngIf="!workflows.length">
  95                         Only <span class="bold-message">certified</span> workflow versions can be assigned to an operation
  96                     </div>
  97                 </div>
  98             </div>
  99
 100             <param-row
 101                 *ngFor="let param of inputParameters; let idx=index"
 102                 class="data-row"
 103                 [isAssociateWorkflow]="isAssociateWorkflow"
 104                 [param]="param"
 105                 [inputProps]="inputProperties"
 106                 [propTypes]="inputPropertyTypes"
 107                 [onRemoveParam]="onRemoveParam">
 108             </param-row>
 109         </div>
 110
 111     </form>
 112 </div>