@dataclouder/ngx-core 0.1.41 → 0.1.43

package/fesm2022/dataclouder-ngx-core.mjs

@@ -1194,46 +1194,39 @@ class EntityBaseFormComponent {
         this.router = inject(Router);
         this.toastService = inject(TOAST_ALERTS_TOKEN, { optional: true });
         this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+        this.entityInput = input(undefined, ...(ngDevMode ? [{ debugName: "entityInput", alias: 'entity' }] : [{ alias: 'entity' }]));
         this.entity = signal(undefined, ...(ngDevMode ? [{ debugName: "entity" }] : []));
         this.entityIdFromUrl = toSignal(this.route.paramMap.pipe(map((params) => params.get('id'))));
         this.entityId = computed(() => this.id() ?? this.entityIdFromUrl(), ...(ngDevMode ? [{ debugName: "entityId" }] : []));
-        this.loadEntityEffect = effect(async () => {
+        this.useFakeSave = input(false, ...(ngDevMode ? [{ debugName: "useFakeSave" }] : [])); // dont actually save if the father component that is in charge of save.
+        this.fakeSaved = output();
+        this.loadEntityEffect = effect(() => {
+            const entityFromInput = this.entityInput();
+            if (entityFromInput) {
+                this.entity.set(entityFromInput);
+                this.patchForm(entityFromInput);
+                return;
+            }
             const id = this.entityId();
             if (id) {
-                try {
-                    const entity = await this.entityCommunicationService.findOne(id);
-                    if (entity) {
-                        this.entity.set(entity);
-                        this.patchForm(entity);
-                    }
-                }
-                catch (err) {
-                    this.toastService?.error({ title: 'Error', subtitle: 'Error loading entity' });
-                    console.error('Error loading entity', err);
-                }
+                this.loadEntityById(id);
             }
-            else {
-                // if there is no id, we create a new entity
-                try {
-                    const newEntity = await this.entityCommunicationService.createOrUpdate({});
-                    const id = newEntity?._id || newEntity?.['id'];
-                    if (id) {
-                        // we replace the url to avoid creating a new entity when the user goes back
-                        this.router.navigate([id], { relativeTo: this.route, replaceUrl: true });
-                    }
-                }
-                catch (err) {
-                    this.toastService?.error({ title: 'Error', subtitle: 'Error creating new entity' });
-                    console.error('Error creating new entity', err);
-                }
+            else if (!this.useFakeSave()) {
+                this.createNewEntity();
             }
         }, ...(ngDevMode ? [{ debugName: "loadEntityEffect", allowSignalWrites: true }] : [{ allowSignalWrites: true }]));
     }
     async save() {
         if (this.form.invalid) {
             this.toastService?.error({ title: 'Error', subtitle: 'Form is invalid' });
+            return undefined;
         }
         const entityData = { ...this.form.value, _id: this.entityId() };
+        if (this.useFakeSave()) {
+            this.toastService?.success({ title: 'info', subtitle: 'Se emitio el evento guardado' });
+            this.fakeSaved.emit(entityData);
+            return entityData;
+        }
         const result = await this.entityCommunicationService.createOrUpdate(entityData);
         this.toastService?.success({ title: 'Success', subtitle: 'Entity saved successfully' });
         this.entity.set(result);
@@ -1266,8 +1259,35 @@ class EntityBaseFormComponent {
         const dirtyValues = this.getDirtyValues(this.form);
         return this.entityCommunicationService.partialUpdate(this.entityId(), dirtyValues);
     }
+    async loadEntityById(id) {
+        try {
+            const entity = await this.entityCommunicationService.findOne(id);
+            if (entity) {
+                this.entity.set(entity);
+                this.patchForm(entity);
+            }
+        }
+        catch (err) {
+            this.toastService?.error({ title: 'Error', subtitle: 'Error loading entity' });
+            console.error('Error loading entity', err);
+        }
+    }
+    async createNewEntity() {
+        try {
+            const newEntity = await this.entityCommunicationService.createOrUpdate({});
+            const id = newEntity?._id || newEntity?.['id'];
+            if (id) {
+                // we replace the url to avoid creating a new entity when the user goes back
+                this.router.navigate([id], { relativeTo: this.route, replaceUrl: true });
+            }
+        }
+        catch (err) {
+            this.toastService?.error({ title: 'Error', subtitle: 'Error creating new entity' });
+            console.error('Error creating new entity', err);
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityBaseFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.6", type: EntityBaseFormComponent, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.6", type: EntityBaseFormComponent, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, entityInput: { classPropertyName: "entityInput", publicName: "entity", isSignal: true, isRequired: false, transformFunction: null }, useFakeSave: { classPropertyName: "useFakeSave", publicName: "useFakeSave", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fakeSaved: "fakeSaved" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: EntityBaseFormComponent, decorators: [{
             type: Directive