cat-qw-lib 0.32.0 → 0.32.3

package/fesm2022/cat-qw-lib.mjs

@@ -739,9 +739,11 @@ class FormContainerComponent {
         });
     }
     handleSaveClick() {
+        console.log("7");
         this.onSave.emit();
     }
     handleCancelClick() {
+        console.log("8");
         this.onCancel.emit();
     }
     handleCreateBtnClick() { }
@@ -955,25 +957,16 @@ class BaseService {
         }
     }
     create(entity) {
-        console.log('Calling POST API for entity:', entity);
         const baseUrl = this._pathName === DATASOURCES.Template ? this.interactBaseApi : this.apiUrl;
-        return this.http.post(baseUrl + this._pathName, entity).pipe(tap((newEntity) => {
-            console.log('POST response received:', newEntity);
-            this.store.add(newEntity);
-        }));
+        return this.http.post(baseUrl + this._pathName, entity).pipe(tap((newEntity) => this.store.add(newEntity)));
     }
     getAll() {
-        console.log("get ALl init list");
         const baseUrl = this._pathName === DATASOURCES.Template ? this.interactBaseApi : this.apiUrl;
         const url = `${baseUrl}${this._pathName}`;
-        return this.http.get(url).pipe(tap((entities) => {
-            console.log("get ALl list");
-            this.store.set(entities);
-        }));
+        return this.http.get(url).pipe(tap((entities) => this.store.set(entities)));
     }
     getPaginatedList(search = SHARED.EMPTY, page = 1, limit = 10, sortBy = SHARED.EMPTY, order = SHARED.EMPTY, type = SHARED.EMPTY, pathName) {
         this._pathName = (!!pathName ? pathName : this._pathName);
-        console.log("get pagination init list");
         const paramsObj = Object.fromEntries(Object.entries({
             searchKey: search,
             page: page ? page.toString() : SHARED.EMPTY,
@@ -985,22 +978,15 @@ class BaseService {
         const params = new URLSearchParams(paramsObj);
         const baseUrl = this._pathName === DATASOURCES.Template ? this.interactBaseApi : this.apiUrl;
         const url = `${baseUrl}${this._pathName}${params.toString() ? SHARED.QUESTION_MARK + params.toString() : SHARED.EMPTY}`;
-        return this.http.get(url).pipe(tap((entities) => {
-            console.log('pagination list');
-            this.store.set(entities);
-        }));
+        return this.http.get(url).pipe(tap((entities) => this.store.set(entities)));
     }
     getById(id) {
         const baseUrl = this._pathName === DATASOURCES.Template ? this.interactBaseApi : this.apiUrl;
         return this.http.get(`${baseUrl}${this._pathName}/${id}`).pipe(tap((entity) => this.store.upsert(id, entity)));
     }
     update(id, entity) {
-        console.log('Calling PUT API for ID:', id);
         const baseUrl = this._pathName === DATASOURCES.Template ? this.interactBaseApi : this.apiUrl;
-        return this.http.put(`${baseUrl}${this._pathName}/${id}`, entity).pipe(tap((updatedEntity) => {
-            console.log('PUT response received:', updatedEntity);
-            this.store.update(id, updatedEntity);
-        }));
+        return this.http.put(`${baseUrl}${this._pathName}/${id}`, entity).pipe(tap((updatedEntity) => this.store.update(id, updatedEntity)));
     }
     delete(id) {
         const baseUrl = this._pathName === DATASOURCES.Template ? this.interactBaseApi : this.apiUrl;
@@ -1201,7 +1187,7 @@ class BaseFormComponent {
     record;
     recordChange = new BehaviorSubject({});
     destroy$ = new Subject();
-    onSave = new EventEmitter();
+    isSubmitting = false;
     onFormNavigate = new EventEmitter();
     onCancel = new EventEmitter();
     constructor(service, validatorService, router, activatedRoute, baseStore, baseQuery) {
@@ -1233,11 +1219,15 @@ class BaseFormComponent {
         }
     }
     handleSubmit() {
-        console.log('testing11');
+        if (this.isSubmitting) {
+            return;
+        }
+        this.isSubmitting = true;
+        console.log("Submitting form...");
         const validateRecords = this.validatorService
             ? this.validatorService.handleValidateRecords(this.record)
             : true;
-        if (!this.record)
+        if (!this.record || Object.keys(this.record).length === 0)
             return;
         if (this.baseStore)
             this.baseStore.missingFields = [];
@@ -1265,24 +1255,22 @@ class BaseFormComponent {
                     });
                 });
                 if (this.baseStore && this.baseStore.missingFields.length > 0) {
-                    if (this.baseStore)
-                        this.baseStore.setIsFormSubmitted(true);
+                    this.baseStore.setIsFormSubmitted(true);
                     console.error(ERROR.MISSING_REQUIRED_FIELD, this.baseStore.missingFields);
+                    this.isSubmitting = false;
                 }
                 else {
                     if (!this.currentState?.isApiValidated && this.currentState?.isApiValidated !== null) {
                         this.baseStore?.setIsShowMessage(!this.currentState?.isApiValidated);
+                        this.isSubmitting = false;
                     }
                     else if (validateRecords) {
-                        console.log('Submitting form...');
-                        if (!this.record)
+                        if (!this.record || Object.keys(this.record).length === 0)
                             return;
                         if (this.record._id) {
-                            console.log('Calling update API for:', this.record._id);
                             this.handleUpdateRecord();
                         }
                         else {
-                            console.log('Calling create API...');
                             this.handleAddRecord();
                         }
                     }
@@ -1291,9 +1279,7 @@ class BaseFormComponent {
         }
     }
     handleUpdateRecord() {
-        console.log('Submitting form...');
-        console.log(this.record);
-        if (!this.record._id)
+        if (!this.record._id || Object.keys(this.record).length === 0)
             return;
         this.service.update(this.record._id, this.record).subscribe({
             next: (response) => {
@@ -1308,9 +1294,7 @@ class BaseFormComponent {
         });
     }
     handleAddRecord() {
-        console.log('form submitted');
-        console.log(this.record);
-        if (!this.record)
+        if (!this.record || Object.keys(this.record).length === 0)
             return;
         this.service.create(this.record).subscribe({
             next: (response) => {
@@ -1338,14 +1322,12 @@ class BaseFormComponent {
         this.destroy$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: BaseFormComponent, deps: [{ token: BaseService }, { token: ValidatorService }, { token: i3$4.Router }, { token: i3$4.ActivatedRoute }, { token: BaseStore }, { token: BaseQuery }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: BaseFormComponent, isStandalone: true, selector: "base-form", outputs: { onSave: "onSave", onFormNavigate: "onFormNavigate", onCancel: "onCancel" }, providers: [ValidatorService], ngImport: i0, template: "<p>base-form works!</p>\r\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: BaseFormComponent, isStandalone: true, selector: "base-form", outputs: { onFormNavigate: "onFormNavigate", onCancel: "onCancel" }, providers: [ValidatorService], ngImport: i0, template: "<p>base-form works!</p>\r\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: BaseFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'base-form', providers: [ValidatorService], template: "<p>base-form works!</p>\r\n" }]
-        }], ctorParameters: () => [{ type: BaseService }, { type: ValidatorService }, { type: i3$4.Router }, { type: i3$4.ActivatedRoute }, { type: BaseStore }, { type: BaseQuery }], propDecorators: { onSave: [{
-                type: Output
-            }], onFormNavigate: [{
+        }], ctorParameters: () => [{ type: BaseService }, { type: ValidatorService }, { type: i3$4.Router }, { type: i3$4.ActivatedRoute }, { type: BaseStore }, { type: BaseQuery }], propDecorators: { onFormNavigate: [{
                 type: Output
             }], onCancel: [{
                 type: Output