aboutsummaryrefslogtreecommitdiffstats
path: root/src/angular/form-elements/validation/validatable.component.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/angular/form-elements/validation/validatable.component.ts')
-rw-r--r--src/angular/form-elements/validation/validatable.component.ts25
1 files changed, 25 insertions, 0 deletions
diff --git a/src/angular/form-elements/validation/validatable.component.ts b/src/angular/form-elements/validation/validatable.component.ts
new file mode 100644
index 0000000..4817dea
--- /dev/null
+++ b/src/angular/form-elements/validation/validatable.component.ts
@@ -0,0 +1,25 @@
+import { Input, Component } from "@angular/core";
+import { ValidationComponent } from './validation.component';
+import { Subject } from 'rxjs/Subject';
+import { IValidatableComponent } from './validatable.interface';
+
+export abstract class ValidatableComponent implements IValidatableComponent {
+
+ // Each ValidatableComponent should handle the style in case of error, according to this boolean
+ public valid = true;
+
+ // Each ValidatableComponent will notify when the value is changed.
+ public notifier: Subject<string>;
+
+ constructor() {
+ this.notifier = new Subject();
+ }
+
+ public abstract getValue(): any;
+
+ // Each ValidatableComponent should call the valueChanged on value changed function.
+ protected valueChanged = (value: any): void => {
+ this.notifier.next(value);
+ }
+
+}