tuain-ng-forms-lib 15.1.10 → 15.1.12

package/fesm2020/tuain-ng-forms-lib.mjs

@@ -156,13 +156,11 @@ class FieldComponent extends ElementComponent {
         }
         // Subscripción a cambios en atributos
         this.field?.attributeChange.subscribe(event => {
-            console.log('FieldComponent attributeChange');
-            console.log(event);
             const { name: componentAttr, value = null } = event ?? {};
-            // if (componentAttr) {
-            this.defaultProcessAttributeChange(componentAttr, value);
-            this.customProcessAttributeChange(componentAttr, value);
-            // }
+            if (componentAttr) {
+                this.defaultProcessAttributeChange(componentAttr, value);
+                this.customProcessAttributeChange(componentAttr, value);
+            }
         });
         if (this.field) {
             this.field.widget = this;
@@ -264,13 +262,11 @@ class SectionComponent extends PieceComponent {
         }
         // Subscripción a cambios en atributos
         this.section?.attributeChange.subscribe(event => {
-            console.log('SectionComponent attributeChange');
-            console.log(event);
             const { name: attrName, value = null } = event ?? {};
-            // if (attrName) {
-            this.defaultProcessAttributeChange(attrName, value);
-            this.customProcessAttributeChange(attrName, value);
-            // }
+            if (attrName) {
+                this.defaultProcessAttributeChange(attrName, value);
+                this.customProcessAttributeChange(attrName, value);
+            }
         });
         this.start();
     }
@@ -302,13 +298,11 @@ class SubSectionComponent extends PieceComponent {
         }
         // Subscripción a cambios en atributos
         this.subSection?.attributeChange.subscribe(event => {
-            console.log('SubSectionComponent attributeChange');
-            console.log(event);
             const { name: attrName, value = null } = event ?? {};
-            // if (attrName) {
-            this.defaultProcessAttributeChange(attrName, value);
-            this.customProcessAttributeChange(attrName, value);
-            // }
+            if (attrName) {
+                this.defaultProcessAttributeChange(attrName, value);
+                this.customProcessAttributeChange(attrName, value);
+            }
         });
         this.start();
     }
@@ -454,13 +448,11 @@ class LibTableComponent extends ElementComponent {
         }
         // Subscripción a cambios en atributos
         this.table?.attributeChange.subscribe(event => {
-            console.log('LibTableComponent attributeChange');
-            console.log(event);
             const { name: attrName, value = null } = event ?? {};
-            // if (attrName) {
-            this.defaultProcessAttributeChange(attrName, value);
-            this.customProcessAttributeChange(attrName, value);
-            // }
+            if (attrName) {
+                this.defaultProcessAttributeChange(attrName, value);
+                this.customProcessAttributeChange(attrName, value);
+            }
         });
         this.start();
     }
@@ -468,7 +460,7 @@ class LibTableComponent extends ElementComponent {
     tableGlobalAction(actionCode) { this.table?.notifyGlobalAction(actionCode); }
     tableSelectionAction(actionCode) { this.table?.notifySelectionAction(actionCode); }
     tableActionSelected(actionEvent) { this.table?.notifyInlineAction(actionEvent); }
-    tableSelectionToggle(recordId) { this.table?.notifyRecordSelection(recordId); }
+    tableSelectionToggle(recordId) { console.log('tableSelectionToggle 1'); this.table?.notifyRecordSelection(recordId); }
     toggleSelectAll() { return (this.table?.allSelected) ? this.table?.unSelectAll() : this.table?.selectAll(); }
     globalFilterCompleted() { this.changePage(1); }
     changePage(requestedPage) { this.table?.changePage(requestedPage); }
@@ -670,33 +662,27 @@ class FormPiecePropagate extends FormPiece {
     }
     get attributeChange() { return this._attributeChange; }
     propagateAttribute(name, value) {
-        console.log(`Propagación ${name} : ${JSON.stringify(value)}`);
         this._attributeChange?.next({ name, value });
     }
     setCustomAttribute(name, value) {
         super.setCustomAttribute(name, value);
         if (this.propagationCustomAttributes?.includes(name)) {
             const fullName = `customAttributes.${name}`;
-            console.log('piece setCustomAttribute');
             this.propagateAttribute(fullName, value);
         }
     }
     setVisibility(visible, forced = null) {
         super.setVisibility(visible, forced);
-        console.log('piece setVisibility');
         this.propagateAttribute(VISIBLE, this._visible);
     }
     set enabled(enabled) {
         super.enabled = enabled;
-        console.log('piece enabled');
         this.propagateAttribute(DISABLED, this._disabled);
     }
     formStateChange(state) {
         super.formStateChange(state);
         if (state) {
-            console.log('piece 1 formStateChange');
             this.propagateAttribute(VISIBLE, this._visible);
-            console.log('piece 2 formStateChange');
             this.propagateAttribute(DISABLED, this._disabled);
         }
     }
@@ -711,8 +697,6 @@ class FormElement extends FormPiecePropagate {
     setAttr(attr, value) {
         const { name: attrName, propagate: name } = attr;
         this[attrName] = value;
-        console.log(`Element setAttr name: ${name}`);
-        console.log(value);
         name && this.propagateAttribute(name, value);
     }
     isField() { return this.elementType === elementTypes.field; }
@@ -1596,11 +1580,15 @@ class RecordTable extends FormElement {
         this._inlineActionTrigger.next(tableEvent);
     }
     notifyRecordSelection(recordId) {
+        console.log('notifyRecordSelection 1');
         const record = this.getTableRecord(recordId);
+        console.log('notifyRecordSelection 2');
         if (!record) {
             return;
         }
+        console.log('notifyRecordSelection 3');
         record.toggleSelect();
+        console.log('notifyRecordSelection 4');
         this.requestedPage = this.currentPage ?? 1;
         const tableEvent = {
             tableCode: this.tableCode,
@@ -1610,6 +1598,7 @@ class RecordTable extends FormElement {
                 recordData: record.recordData
             }
         };
+        console.log(`notifyRecordSelection 5 ${JSON.stringify(tableEvent, null, 2)}`);
         this.recordSelectionTrigger.next(tableEvent);
     }
     notifySelectionAction(actionCode) {
@@ -3013,7 +3002,10 @@ class BasicFormComponent extends FormStructureAndData {
             formTables.forEach(table => {
                 table.inlineActionTrigger.subscribe(event => this.startTableAction(event));
                 table.globalActionTrigger.subscribe(event => this.startTableGlobalAction(event));
-                table.recordSelectionTrigger.subscribe(event => this.startTableRecordSelection(event));
+                table.recordSelectionTrigger.subscribe(event => {
+                    console.log(`recordSelectionTrigger subscribe ${JSON.stringify(event, null, 2)}`);
+                    this.startTableRecordSelection(event);
+                });
                 table.selectionActionTrigger.subscribe(event => this.startTableSelectionAction(event));
                 table.getDataTrigger.subscribe(event => this.startTableGetData(event));
                 // Adicionalmente se le pide a la tabla se subscriba al cambio de estado del formulario
@@ -3718,12 +3710,16 @@ class BasicFormComponent extends FormStructureAndData {
         }
     }
     async startTableRecordSelection(tableActionEvent) {
+        console.log(`startTableRecordSelection ${JSON.stringify(tableActionEvent, null, 2)}`);
         this.notifyFormActivity();
+        console.log(`startTableRecordSelection 2`);
         const { tableCode, actionDetail } = tableActionEvent;
         const tableObject = this.getTable(tableCode);
+        console.log(`startTableRecordSelection 3`);
         if (!tableObject) {
             return;
         }
+        console.log(`startTableRecordSelection 4`);
         this.resetError();
         const { recordId, recordData } = actionDetail;
         const tableSelectionDetail = {
@@ -3732,23 +3728,30 @@ class BasicFormComponent extends FormStructureAndData {
             recordId,
             recordData
         };
+        console.log(`startTableRecordSelection 5`);
         const tableEventHandlers = this._tableSelectionsStart[tableCode];
+        console.log(`startTableRecordSelection 6 ${tableEventHandlers?.length}`);
         if (tableEventHandlers) {
             const clientActionPromises = [];
             for (const tableSelectionMethod of tableEventHandlers) {
                 const { callback, properties } = tableSelectionMethod;
+                console.log(`startTableRecordSelection 7`);
+                console.log(callback);
                 const clientActionPromise = callback(tableSelectionDetail);
                 clientActionPromises.push(clientActionPromise);
             }
             const clientActionResults = await Promise.all(clientActionPromises);
             const continueAction = clientActionResults.reduce((total, curr) => (total && (curr !== false)), true);
+            console.log(`startTableRecordSelection 8 ${continueAction}`);
             if (!continueAction) {
                 return;
             }
         }
+        console.log(`startTableRecordSelection 9 ${JSON.stringify(tableSelectionDetail, null, 2)}`);
         this.startTableServerRecordSelection(tableSelectionDetail);
     }
     async startTableServerRecordSelection(tableSelectionDetail) {
+        console.log(`startTableServerRecordSelection 1 ${JSON.stringify(tableSelectionDetail, null, 2)}`);
         const { tableObject, tableCode, recordId, recordData } = tableSelectionDetail;
         if (!tableObject) {
             return;
@@ -3764,14 +3767,17 @@ class BasicFormComponent extends FormStructureAndData {
                 tableRecordId: recordId,
                 tableRecordData: recordData
             };
+            console.log(`startTableServerRecordSelection 2 ${JSON.stringify(actionSubject, null, 2)}`);
             actionResult = await this
                 .requestFormAction(formActions.tableAction, actionSubject);
             serverError = !!this.errorOccured();
         }
+        console.log(`startTableServerRecordSelection 3`);
         await this.finishTableRecordSelection(tableSelectionDetail, actionResult, serverError);
         if (serverError) {
             this.displayTableServerError();
         }
+        console.log(`startTableServerRecordSelection 4`);
         tableObject.freeWaiting();
     }
     async finishTableRecordSelection(tableSelectionDetail, actionResult, serverError = false) {
@@ -3984,6 +3990,7 @@ class BasicFormComponent extends FormStructureAndData {
     }
     notifyFormActivity() {
         if (this._notifyFormActivity) {
+            console.log(`notifyFormActivity ${this.name}`);
             this._eventEmiter.next('formActivity', { code: this.formCode });
         }
     }