@stemy/ngx-dynamic-form 13.1.14 → 13.1.16

package/fesm2020/stemy-ngx-dynamic-form.mjs

@@ -963,6 +963,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                     args: [Injector]
                 }] }]; } });
 
+function getFormValidationErrors(controls) {
+    let errors = [];
+    Object.keys(controls).forEach(key => {
+        const control = controls[key];
+        if (control instanceof FormGroup) {
+            errors = errors.concat(getFormValidationErrors(control.controls));
+        }
+        if (control instanceof FormArray) {
+            control.controls.forEach((control) => {
+                errors = errors.concat(getFormValidationErrors(control.controls));
+            });
+        }
+        if (control.errors !== null) {
+            Object.keys(control.errors).forEach(keyError => {
+                errors.push({
+                    control,
+                    control_name: key,
+                    error_name: keyError,
+                    error_value: control.errors[keyError]
+                });
+            });
+        }
+    });
+    return errors;
+}
+
 class AsyncSubmitDirective {
     constructor(toaster, cdr, elem, renderer) {
         this.toaster = toaster;
@@ -1014,6 +1040,9 @@ class AsyncSubmitDirective {
     }
     click() {
         this.callback = () => this.callMethod();
+        if (this.form.status === "INVALID") {
+            console.log(getFormValidationErrors(this.form.group.controls));
+        }
         if (this.form.status !== "VALID" && this.form.status !== "INVALID")
             return;
         this.callback();
@@ -1455,6 +1484,18 @@ class DynamicBaseFormControlComponent extends DynamicFormControlComponent {
         this.change = new EventEmitter();
         this.focus = new EventEmitter();
     }
+    ngAfterViewInit() {
+        this.subscription = this.control.valueChanges.pipe(debounceTime(500)).subscribe(value => {
+            this.onValueChanged(value);
+        });
+    }
+    ngOnDestroy() {
+        if (!this.subscription)
+            return;
+        this.subscription.unsubscribe();
+    }
+    onValueChanged(value) {
+    }
 }
 DynamicBaseFormControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DynamicBaseFormControlComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.DynamicFormLayoutService }, { token: i1.DynamicFormValidationService }], target: i0.ɵɵFactoryTarget.Component });
 DynamicBaseFormControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DynamicBaseFormControlComponent, selector: "dynamic-base-form-control", inputs: { formLayout: "formLayout", group: "group", layout: "layout", model: "model" }, outputs: { blur: "blur", change: "change", focus: "focus" }, usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });