summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/operation-creator.component.html
blob: 9e47cd5cef67e4ce744a917541e8a85a46b08e8c (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
<div class="operation-creator">
    <form class="w-sdc-form">

        <div class="side-by-side">
            <div class="i-sdc-form-item">
                <label class="i-sdc-form-label">Operation Type</label>
                <input
                    type="text"
                    data-tests-id="operationType"
                    name="operationType"
                    [(ngModel)]="operation.operationType"
                    [attr.maxLength]="200"
                    [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"
                    [(ngModel)]="operation.description"
                    [attr.maxLength]="200" />
            </div>
        </div>

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

        <div class="generic-table">
            <div class="header-row table-row">
                <span class="cell header-cell">Name</span>
                <span class="cell header-cell">Property Name</span>
                <span class="cell header-cell"></span>
            </div>

            <div class="empty-msg data-row" *ngIf="inputParams.length === 0">
                No data to display.
            </div>

            <param-row
                *ngFor="let param of inputParams; let idx=index"
                class="data-row"
                [param]="param"
                [inputProps]="inputProperties"
                [onRemoveParam]="onRemoveParam">
            </param-row>
        </div>

    </form>
</div>