aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/pages/service-dependencies-editor/service-dependencies-editor.component.html
blob: 4e6993a1e48d8278eb19aa8ec2a5f7a1c2f13e59 (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
<div class="service-dependencies-editor">
    <form class="w-sdc-form">

        <loader [display]="isLoading" [size]="'large'" [relative]="true"></loader>

        <div class="i-sdc-form-content">
            <div class="rule-builder-content">
                <div class="i-sdc-form-item rule-input-field property">
                    <label class="i-sdc-form-label required">{{"PROPERTY_LABEL" | translate}}</label>
                    <ui-element-dropdown
                            class="i-sdc-form-select"
                            data-tests-id="servicePropertyName"
                            [values]="ddValueSelectedServicePropertiesNames"
                            [(value)]="currentRule.servicePropertyName"
                            (change)="onServicePropertyChanged()">
                    </ui-element-dropdown>
                </div>

                <div class="i-sdc-form-item rule-input-field operator">
                    <label class="i-sdc-form-label required">{{"OPERATOR_LABEL" | translate}}</label>
                    <ui-element-dropdown class="i-sdc-form-select" data-tests-id="constraintOperator" [values]="operatorTypes" [(value)]="currentRule.constraintOperator"></ui-element-dropdown>
                </div>
            </div>
            <div class="rule-builder-content">
                <div class="i-sdc-form-item">
                    <label class="i-sdc-form-label required">Value Type</label>
                    <input type="radio" name="sourceType"
                           data-tests-id="value-type-static"
                           [(ngModel)]="selectedSourceType"
                           [value]="SOURCE_TYPES.STATIC.value"
                           (ngModelChange)="onSourceTypeChange()"/> {{"VALUE_LABEL" | translate}}
                    <input type="radio" name="sourceType"
                           data-tests-id="value-type-tosca-function"
                           [(ngModel)]="selectedSourceType"
                           [value]="SOURCE_TYPES.TOSCA_FUNCTION.value"
                           (ngModelChange)="onSourceTypeChange()"/> {{"VALUE_EXPRESSION_LABEL" | translate}}
                </div>
            </div>
            <div class="rule-builder-content" *ngIf="isToscaFunctionSource() && selectedProperty">
                <div class="i-sdc-form-item rule-input-field">
                    <tosca-function [property]="selectedProperty"
                                    [componentInstanceMap]="componentInstanceMap"
                                    [allowClear]="false"
                                    (onValidityChange)="onToscaFunctionValidityChange($event)"
                    >
                    </tosca-function>
                </div>
            </div>
            <div *ngIf="isToscaFunctionSource() && !selectedProperty">
                {{"NODE_FILTER_SELECT_PROPERTY" | translate}}
            </div>
            <div class="rule-builder-content" *ngIf="isStaticSource()">
                <div class="i-sdc-form-item rule-input-field complex-input-field">
                    <dynamic-property
                        *ngIf="isComplexListMapType()"
                        [selectedPropertyId]="selectedProperty.uniqueId"
                        [property]="selectedProperty"
                        [expandedChildId]="selectedProperty.expandedChildPropertyId ?
                                selectedProperty.expandedChildPropertyId : selectedProperty.name"
                        [canBeDeclared]="true"
                        (propertyChanged)="updateComplexListMapTypeRuleValue()"
                        [rootProperty]="selectedProperty"
                        (expandChild)="selectedProperty.updateExpandedChildPropertyId($event)">
                    </dynamic-property>
                    <dynamic-element
                        *ngIf="!isComplexListMapType()"
                        [(value)]="currentRule.value"
                        class="rule-assigned-value"
                        data-tests-id="ruleAssignedValue"
                        (elementChanged)="onValueChange($event.isValid)"
                        [type]="selectedProperty ? selectedProperty.type : 'string'">
                    </dynamic-element>
                </div>
            </div>
        </div>
    </form>
</div>