blob: e77d88017631431787df72c6a8211e435f9f3624 (
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
|
<div class="service-consumption-editor">
<form class="w-sdc-form">
<div class="sdc-modal-top-bar">
<div class="operation-name">{{serviceOperation.operation.name}}</div>
<div class="sdc-modal-top-bar-buttons">
<span (click)="onChangePage(currentIndex - 1)" [ngClass]="{'disabled' : currentIndex === 0 || !checkFormValidForNavigation()}" class="sprite-new left-arrow" data-tests-id="get-prev" tooltip="Previous"></span>
<span (click)="onChangePage(currentIndex + 1)" [ngClass]="{'disabled' : currentIndex === serviceOperationsList.length - 1 || !checkFormValidForNavigation()}" class="sprite-new right-arrow" data-tests-id="get-next" tooltip="Next"></span>
</div>
</div>
<div class="expand-collapse-all" *ngIf="serviceOperation.consumptionInputs.length">
<div class="expand-all" (click)="onExpandAll()" [ngClass]="{'disabled': isAllInputExpanded()}"> {{'CONSUMPTION_EXPAND_ALL' | translate}}</div>
<div class="separator-line"></div>
<div class="collapse-all" (click)="onCollapseAll()" [ngClass]="{'disabled': isAllInputCollapsed()}"> {{'CONSUMPTION_COLLAPSE_ALL' | translate}}</div>
</div>
<loader [display]="isLoading" [size]="'large'" [relative]="true"></loader>
<div class="i-sdc-form-content-operation-inputs-content" [ngClass]="{'no-inputs': !serviceOperation.consumptionInputs.length}">
<div class="no-inputs-text" *ngIf="!serviceOperation.consumptionInputs.length">{{'CONSUMPTION_NO_INPUTS_TO_SHOW' | translate}}</div>
<div class="i-sdc-form-content-operation-input-box" *ngFor="let consumptionInput of serviceOperation.consumptionInputs">
<div class="i-sdc-form-content-operation-input-box-title" (click)="onExpandCollapse(consumptionInput)">
<div class="expand-collapse-icon" [ngClass]="{'expanded': consumptionInput.expanded}"></div>
<div class="operation-input-name">{{consumptionInput.name}}</div>
<div class="operation-input-type">
<span class="type-text"> | {{ 'CONSUMPTION_TYPE' | translate}}:</span>
<span class="type-val"> {{consumptionInput.type}} </span>
</div>
</div>
<div class="operation-input-section-row with-top-border" *ngIf="consumptionInput.expanded">
<div class="i-sdc-form-item operation-input-section-col">
<label class="i-sdc-form-label" [ngClass]="{'required': consumptionInput.required}" >{{ 'CONSUMPTION_SOURCE' | translate}}</label>
<ui-element-dropdown
class="i-sdc-form-select"
data-tests-id="sourceType"
[values]="sourceTypes"
[(value)]="consumptionInput.source"
(change)="onSourceChanged(consumptionInput)">
</ui-element-dropdown>
</div>
<div class="operation-input-section-col assigned-value">
<label class="i-sdc-form-label" *ngIf="consumptionInput.source !== SOURCE_TYPES.STATIC || consumptionInput.isSimpleType">
{{consumptionInput.assignValueLabel}}
</label>
<dynamic-element
class="dynamic-input-field"
*ngIf="consumptionInput.isSimpleType && (consumptionInput.source === SOURCE_TYPES.STATIC || consumptionInput.source === '')"
data-tests-id="inputValue"
[(value)]="consumptionInput.value"
[constraints]="consumptionInput.constraints"
(elementChanged)="onChange($event.value, $event.isValid, consumptionInput)"
[type]="consumptionInput.type">
</dynamic-element>
<select
class="i-sdc-form-select"
*ngIf="consumptionInput.source !== SOURCE_TYPES.STATIC"
[attr.data-tests-id]="inputValue"
(change)="onChange(value, true, consumptionInput)"
[(ngModel)]="consumptionInput.value"
[ngModelOptions]="{standalone: true}">
<option
*ngFor="let propName of consumptionInput.associatedProps"
[ngValue]="propName">
{{propName}}
</option>
<optgroup
*ngFor="let interfaceOperation of consumptionInput.associatedInterfaces"
label="{{interfaceOperation.label}}">
<option
*ngFor="let output of interfaceOperation.outputs"
[ngValue]="interfaceOperation.name + '.' + output.name">
{{output.name}}
</option>
</optgroup>
</select>
</div>
</div>
<div class="operation-input-complex-type-section" *ngIf="consumptionInput.expanded && consumptionInput.source === SOURCE_TYPES.STATIC && !consumptionInput.isSimpleType">
<div class="separator"></div>
<label class="static-values-title-for-complex-type">{{ 'CONSUMPTION_STATIC_VALUES' | translate}}</label>
<div class="dynamic-property" *ngFor="let property of inputFePropertiesMap[consumptionInput.name]">
<dynamic-property
[property]="property"
[readonly]="false"
[expandedChildId]="property.expandedChildPropertyId"
(propertyChanged)="onComplexPropertyChanged(property, consumptionInput)"
(expandChild)="property.updateExpandedChildPropertyId($event)">
</dynamic-property>
</div>
</div>
</div>
</div>
</form>
</div>
|