aboutsummaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/shared/components/formControls/component/input/input.formControl.component.html
blob: 90ac7c6983b222caec03b5cfe5f7b25174244f38 (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
<div class="details-item" *ngIf="data?.isVisible">
  <label
    [tooltip]="data?.tooltip ? data.tooltip : null"
    id="{{data?.dataTestId}}-label"
    [ngClass]="{'required' : data?.isRequired()}">
    {{data?.displayName}}: </label>
  <input
    #customInput

    [disabled]="data?.isDisabled ? data.isDisabled : false"
    [type]="data?.inputType ? data?.inputType : 'text'"
    [attr.data-tests-id]="data?.dataTestId"
    class="form-control input-text"
    id="{{data?.dataTestId}}"
    [placeholder]="data?.placeHolder ? data?.placeHolder : ''"
    [formControl]="form?.controls[data?.controlName]"
    [ngClass]="{'error-style' : form?.controls[data?.controlName]?.touched && form?.controls[data?.controlName]?.errors}"
    minlength="{{data?.minLength}}"
    maxlength="{{data?.maxLength}}"
    (blur)="data.onBlur($event, form)"
    (keypress)="data?.onKeypress($event)">
</div>