Project

General

Profile

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>
(1-1/4)