summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/operation-creator.component.html
blob: 84f3910c9b030376c2c646fa4eafd0e048c50531 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<div class="operation-creator">
    <loader [display]="isLoading" [size]="'large'" [relative]="true"></loader>

    <form class="w-sdc-form">

        <div class="side-by-side">
            <div class="i-sdc-form-item">
                <label class="i-sdc-form-label" [ngClass]="{'required': !isEditMode}">Operation Name</label>
                <input
                    type="text"
                    name="type"
                    data-tests-id="operationType"
                    [(ngModel)]="operation.operationType"
                    [attr.maxLength]="200"
                    [ngClass]="{'disabled':isEditMode}" />
            </div>

            <div class="i-sdc-form-item" >
                <label class="i-sdc-form-label">Description</label>
                <input
                    type="text"
                    data-tests-id="operationDescription"
                    name="description"
                    [ngClass]="{'disabled': readonly}"
                    [(ngModel)]="operation.description"
                    [attr.maxLength]="200" />
            </div>
        </div>

        <div class="i-sdc-form-item" *ngIf="enableWorkflowAssociation">
            <checkbox
                [label]="'Assign Workflow'"
                [(checked)]="isAssociateWorkflow"
                (checkedChange)="toggleAssociateWorkflow()"
                [ngClass]="{'disabled': readonly}"
                data-tests-id="checkbox-assign-workflow">
            </checkbox>
        </div>

        <div class="side-by-side" *ngIf="isAssociateWorkflow">
            <div class="i-sdc-form-item">
                <label class="i-sdc-form-label required">Workflow</label>
                <ui-element-dropdown
                    data-tests-id="associated-workflow"
                    [readonly]="readonly"
                    [values]="workflows"
                    [(value)]="operation.workflowId"
                    (valueChange)="onSelectWorkflow()">
                </ui-element-dropdown>
            </div>

            <div class="i-sdc-form-item">
                <label class="i-sdc-form-label required">Workflow Version</label>
                <ui-element-dropdown
                    data-tests-id="associated-workflow-version"
                    [readonly]="!operation.workflowId || readonly"
                    [values]="workflowVersions"
                    [(value)]="operation.workflowVersionId"
                    (valueChange)="changeWorkflowVersion()">
                </ui-element-dropdown>
            </div>
        </div>

        <div class="separator-buttons">
            <span class="input-param-title">Input Parameters</span>
            <a
                class="add-param-link add-btn"
                *ngIf="!isAssociateWorkflow && !readonly"
                data-tests-id="addInputParameter"
                [ngClass]="{'disabled':!isParamsValid()}"
                (click)="addParam()">Add Input Parameter</a>
        </div>

        <div class="generic-table">
            <div class="header-row table-row">
                <span class="cell header-cell field-name">Name</span>
                <span class="cell header-cell field-type">Type</span>
                <span class="cell header-cell field-property">
                    Property
                    <span
                        *ngIf="!isAssociateWorkflow"
                        class="sprite-new info-icon"
                        tooltip="{{propertyTooltipText}}"
                        tooltipDelay="0">
                    </span>
                </span>
                <span class="cell header-cell field-mandatory" *ngIf="!isAssociateWorkflow">Mandatory</span>
                <span class="cell header-cell remove" *ngIf="!isAssociateWorkflow && !readonly">●●●</span>
            </div>

            <div class="empty-msg data-row" *ngIf="inputParameters.length === 0">
                <div>NO PARAMETERS TO SHOW</div>
                <div *ngIf="isAssociateWorkflow && !operation.workflowVersionId">
                    <div *ngIf="workflows.length">
                        <span class="bold-message">Select Workflow and Workflow Version above</span>
                        <span>in order to see the parameters</span>
                    </div>
                    <div *ngIf="!workflows.length">
                        Only <span class="bold-message">certified</span> workflow versions can be assigned to an operation
                    </div>
                </div>
            </div>

            <param-row
                *ngFor="let param of inputParameters"
                class="data-row"
                [isAssociateWorkflow]="isAssociateWorkflow"
                [param]="param"
                [inputProps]="inputProperties"
                [propTypes]="inputPropertyTypes"
                [onRemoveParam]="onRemoveParam"
                [readonly]="readonly">
            </param-row>
        </div>

    </form>
</div>