aboutsummaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/shared/components/formControls/component/number
diff options
context:
space:
mode:
Diffstat (limited to 'vid-webpack-master/src/app/shared/components/formControls/component/number')
-rw-r--r--vid-webpack-master/src/app/shared/components/formControls/component/number/number.formControl.component.html13
-rw-r--r--vid-webpack-master/src/app/shared/components/formControls/component/number/number.formControl.component.ts12
2 files changed, 25 insertions, 0 deletions
diff --git a/vid-webpack-master/src/app/shared/components/formControls/component/number/number.formControl.component.html b/vid-webpack-master/src/app/shared/components/formControls/component/number/number.formControl.component.html
new file mode 100644
index 000000000..3763764d5
--- /dev/null
+++ b/vid-webpack-master/src/app/shared/components/formControls/component/number/number.formControl.component.html
@@ -0,0 +1,13 @@
+<div>
+ <div class="details-item" *ngIf="data != null && form != null">
+ <label [ngClass]="{'required': data.isRequired()}"
+ for="{{data?.dataTestId}}">{{data?.displayName}}:</label>
+ <input id="{{data?.dataTestId}}" [attr.data-tests-id]="data?.dataTestId"
+ name="{{data?.controlName}}" class="form-control input-text"
+ [formControl]="form.controls[data.controlName]" type="number"
+ placeholder="{{data?.placeHolder}}" title="{{data?.tooltip}}"
+ [ngClass]="{'error-style' : form?.controls[data?.controlName]?.touched && form?.controls[data?.controlName]?.errors}"
+ min="{{data?.min}}" max="{{data?.max}}">
+ </div>
+</div>
+
diff --git a/vid-webpack-master/src/app/shared/components/formControls/component/number/number.formControl.component.ts b/vid-webpack-master/src/app/shared/components/formControls/component/number/number.formControl.component.ts
new file mode 100644
index 000000000..bd25ded81
--- /dev/null
+++ b/vid-webpack-master/src/app/shared/components/formControls/component/number/number.formControl.component.ts
@@ -0,0 +1,12 @@
+import {Component, Input} from "@angular/core";
+import {FormGroup} from "@angular/forms";
+import {NumberFormControl} from "../../../../models/formControlModels/numberFormControl.model";
+
+@Component({
+ selector: 'number-form-control',
+ templateUrl: './number.formControl.component.html'
+})
+export class NumberFormControlComponent {
+ @Input() data: NumberFormControl = null;
+ @Input() form: FormGroup = null;
+}