1
|
<div [formGroup]="configuratorForm">
|
2
|
<div class="p-fluid p-formgrid"
|
3
|
[ngClass]="{'p-grid': !dialogLayout}">
|
4
|
|
5
|
<!-- Configurator Form - Start -->
|
6
|
<div class="p-field p-col-12"
|
7
|
[ngClass]="{'p-lg-4': !dialogLayout}">
|
8
|
<label for="parameterName">Parameter Name</label>
|
9
|
<input id="parameterName"
|
10
|
type="text"
|
11
|
pInputText
|
12
|
disabled
|
13
|
formControlName="parameterName"
|
14
|
value="{{editableParameter?.configurationVariable}}">
|
15
|
<app-validation-message [control]="configuratorForm.get('parameterName')"
|
16
|
[validationMessage]="'This field is required.'"
|
17
|
[displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
|
18
|
</app-validation-message>
|
19
|
</div>
|
20
|
|
21
|
<div class="p-field p-col-12 "
|
22
|
[ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
|
23
|
<label for="parameterType">Parameter Type</label>
|
24
|
<input id="parameterType"
|
25
|
type="text"
|
26
|
pInputText
|
27
|
disabled
|
28
|
formControlName="parameterType"
|
29
|
value="{{editableParameter?.variableType}}">
|
30
|
<app-validation-message [control]="configuratorForm.get('parameterType')"
|
31
|
[validationMessage]="'This field is required.'"
|
32
|
[displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
|
33
|
</app-validation-message>
|
34
|
</div>
|
35
|
|
36
|
<div class="p-field p-col-12 "
|
37
|
[ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
|
38
|
<label for="parameterValue">Parameter Value</label>
|
39
|
<input id="parameterValue"
|
40
|
type="text"
|
41
|
pInputText
|
42
|
formControlName="parameterValue"
|
43
|
value="{{editableParameter?.variableType == 'Integer' ? editableParameter?.integerValue : editableParameter?.stringValue}}">
|
44
|
<app-validation-message [control]="configuratorForm.get('parameterValue')"
|
45
|
[validationMessage]="'This field is required.'"
|
46
|
[displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
|
47
|
</app-validation-message>
|
48
|
</div>
|
49
|
|
50
|
</div>
|
51
|
|
52
|
<div class="p-formgroup-inline p-jc-center p-mt-3">
|
53
|
<p-button (onClick)="updateButtonClicked()"
|
54
|
label="Update"
|
55
|
styleClass="p-button-primary"
|
56
|
[disabled]="!canEditParameterValue()">
|
57
|
</p-button>
|
58
|
</div>
|
59
|
|
60
|
</div>
|