@lenne.tech/ng-base 14.13.1 → 14.13.2

package/fesm2020/lenne.tech-ng-base-base-components.mjs

@@ -1477,28 +1477,9 @@ class ModelFormComponent {
             if (this.logging) {
                 console.log('ModelFormComponent::submit->formValue', this.form.value);
             }
-            const data = Object.assign({}, this.form.value);
-            for (const [key, value] of Object.entries(data)) {
-                if ((this.config[key]?.roles ? !this.user.hasAllRoles(this.config[key]?.roles) : false) ||
-                    this.config[key]?.exclude) {
-                    delete data[key];
-                }
-                if (value && typeof value === 'object' && !Array.isArray(value)) {
-                    data[key] = Object.keys(data[key])
-                        .filter((k) => data[key][k] != null)
-                        .reduce((a, k) => ({ ...a, [k]: data[key][k] }), {});
-                    if (Object.keys(data[key])?.length === 0) {
-                        if (this.logging) {
-                            console.log('Object is empty from result');
-                        }
-                        data[key] = null;
-                    }
-                }
-                // Set type for graphql method
-                if (this.fields[key]?.type === 'Float') {
-                    data[key] = Number(value);
-                }
-            }
+            // Prepare data for server request
+            let data = Object.assign({}, this.form.value);
+            data = this.prepareDataForRequest(this.config, this.fields, data);
             if (this.logging) {
                 console.log('ModelFormComponent::submit->valueToGraphql', data);
             }
@@ -1567,6 +1548,35 @@ class ModelFormComponent {
             });
         });
     }
+    /**
+     * Prepare data for server
+     */
+    prepareDataForRequest(config, fieldsConfig, data) {
+        for (const [key, value] of Object.entries(data)) {
+            if ((config[key]?.roles ? !this.user.hasAllRoles(config[key]?.roles) : false) || config[key]?.exclude) {
+                delete data[key];
+            }
+            if (value && typeof value === 'object' && !Array.isArray(value)) {
+                data[key] = Object.keys(data[key])
+                    .filter((k) => data[key][k] != null)
+                    .reduce((a, k) => ({ ...a, [k]: data[key][k] }), {});
+                if (Object.keys(data[key])?.length === 0) {
+                    if (this.logging) {
+                        console.log('Object is empty from result');
+                    }
+                    data[key] = null;
+                }
+            }
+            // Set type for graphql method
+            if (fieldsConfig[key]?.type === 'Float') {
+                data[key] = Number(value);
+            }
+            if (fieldsConfig[key]?.fields && Object.keys(fieldsConfig[key]?.fields).length > 0) {
+                data[key] = this.prepareDataForRequest(config[key]?.fields, fieldsConfig[key]?.fields, data[key]);
+            }
+        }
+        return data;
+    }
     /**
      * Init fab buttons for mobile devices
      */
@@ -1585,6 +1595,9 @@ class ModelFormComponent {
             event.subscribe(() => this.deleteObject());
         }
     }
+    /**
+     * Set file changes for process
+     */
     processFileChanges(event) {
         const index = this.fileChanges?.findIndex((e) => e.field === event.field);
         if (index !== undefined && index !== -1) {