61 lines
2.5 KiB
HTML
61 lines
2.5 KiB
HTML
<div [formGroup]="configuratorForm">
|
|
<div class="p-fluid p-formgrid"
|
|
[ngClass]="{'p-grid': !dialogLayout}">
|
|
|
|
<!-- Configurator Form - Start -->
|
|
<div class="p-field p-col-12"
|
|
[ngClass]="{'p-lg-4': !dialogLayout}">
|
|
<label for="parameterName">Parameter Name</label>
|
|
<input id="parameterName"
|
|
type="text"
|
|
pInputText
|
|
disabled
|
|
formControlName="parameterName"
|
|
value="{{editableParameter?.configurationVariable}}">
|
|
<app-validation-message [control]="configuratorForm.get('parameterName')"
|
|
[validationMessage]="'This field is required.'"
|
|
[displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
|
|
</app-validation-message>
|
|
</div>
|
|
|
|
<div class="p-field p-col-12 "
|
|
[ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
|
|
<label for="parameterType">Parameter Type</label>
|
|
<input id="parameterType"
|
|
type="text"
|
|
pInputText
|
|
disabled
|
|
formControlName="parameterType"
|
|
value="{{editableParameter?.variableType}}">
|
|
<app-validation-message [control]="configuratorForm.get('parameterType')"
|
|
[validationMessage]="'This field is required.'"
|
|
[displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
|
|
</app-validation-message>
|
|
</div>
|
|
|
|
<div class="p-field p-col-12 "
|
|
[ngClass]="{'p-col-12 p-lg-4': !dialogLayout}">
|
|
<label for="parameterValue">Parameter Value</label>
|
|
<input id="parameterValue"
|
|
type="text"
|
|
pInputText
|
|
formControlName="parameterValue"
|
|
value="{{editableParameter?.variableType == 'Integer' ? editableParameter?.integerValue : editableParameter?.stringValue}}">
|
|
<app-validation-message [control]="configuratorForm.get('parameterValue')"
|
|
[validationMessage]="'This field is required.'"
|
|
[displayEvenIfPristine]="displayValidationMessagesEvenIfPristine">
|
|
</app-validation-message>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="p-formgroup-inline p-jc-center p-mt-3">
|
|
<p-button (onClick)="updateButtonClicked()"
|
|
label="Update"
|
|
styleClass="p-button-primary"
|
|
[disabled]="!canEditParameterValue()">
|
|
</p-button>
|
|
</div>
|
|
|
|
</div>
|