merge from ecomp a88f0072 - Modern UI
[vid.git] / vid-webpack-master / src / app / shared / components / formControls / component / input / input.formControl.component.html
1 <div class="details-item" *ngIf="data?.isVisible">
2   <label
3     [tooltip]="data?.tooltip ? data.tooltip : null"
4     id="{{data?.dataTestId}}-label"
5     [ngClass]="{'required' : data?.isRequired()}">
6     {{data?.displayName}}: </label>
7   <input
8     #customInput
9
10     [disabled]="data?.isDisabled ? data.isDisabled : false"
11     [type]="data?.inputType ? data?.inputType : 'text'"
12     [attr.data-tests-id]="data?.dataTestId"
13     class="form-control input-text"
14     id="{{data?.dataTestId}}"
15     [placeholder]="data?.placeHolder ? data?.placeHolder : ''"
16     [formControl]="form?.controls[data?.controlName]"
17     [ngClass]="{'error-style' : form?.controls[data?.controlName]?.touched && form?.controls[data?.controlName]?.errors}"
18     minlength="{{data?.minLength}}"
19     maxlength="{{data?.maxLength}}"
20     (blur)="data.onBlur($event, form)"
21     (keypress)="data?.onKeypress($event)">
22 </div>
23
24
25