tuain-ng-forms-lib 14.5.31 → 14.5.33

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

@@ -433,6 +433,7 @@ class LibTableComponent extends ElementComponent {
         // Subscripción a cambios en atributos
         this.table?.attributeChange.subscribe(event => {
             const { name: attrName, value } = event;
+            console.log(`Llegó atributo ${attrName} propagado...`);
             this.defaultProcessAttributeChange(attrName, value);
             this.customProcessAttributeChange(attrName, value);
         });
@@ -451,6 +452,7 @@ class LibTableComponent extends ElementComponent {
     defaultProcessAttributeChange(attribute, value) {
         try {
             if (attribute === 'visibleRecords') {
+                console.log('Se deben actualizar los visibleRecords');
                 this.updateTableData();
             }
             return super.defaultProcessAttributeChange(attribute, value);
@@ -640,6 +642,7 @@ class FormPiecePropagate extends FormPiece {
     }
     get attributeChange() { return this._attributeChange; }
     propagateAttribute(name, value) {
+        console.log(`Propagando atributo ${name}`);
         this._attributeChange?.next({ name, value });
     }
     setCustomAttribute(name, value) {
@@ -674,6 +677,7 @@ class FormElement extends FormPiecePropagate {
     ;
     setAttr(attr, value) {
         const { name: attrName, propagate: name } = attr;
+        console.log(`Asignando valor a ${attrName}`);
         this[attrName] = value;
         name && this.propagateAttribute(name, value);
     }
@@ -1229,7 +1233,7 @@ class RecordTableColumn extends FormPiece {
     addFilter(columnValues, operator) {
         this.filterSetup = {
             fieldCode: this.fieldCode,
-            operator: operator ?? this.filterDef?.operators[0],
+            operator: operator ?? this.filterDef?.operators[0] ?? 'IN',
             values: columnValues,
         };
     }
@@ -1349,13 +1353,17 @@ class TableRecordData {
         return true;
     }
     hasCondition(columnFilters) {
+        console.log(`Evaluación de condición sobre un registro...`);
         if (!columnFilters || columnFilters.length === 0) {
             return true;
         }
         for (const condition of columnFilters) {
             const { fieldCode, operator, values } = condition;
+            console.log(`1. Evaluación condición columna ${fieldCode} / ${operator}`);
             if (this.recordData.hasOwnProperty(fieldCode)) {
                 const fieldValue = this.recordData[fieldCode];
+                console.log(`2. Evaluación condición columna ${fieldCode}/(${fieldValue}) con ${operator}`);
+                console.log(values);
                 const stringValue = fieldValue.toString().toUpperCase();
                 if (operator === operators.G && fieldValue <= values[0]) {
                     return false;
@@ -1370,6 +1378,7 @@ class TableRecordData {
                     return false;
                 }
                 if (operator === operators.IN && !values.includes(fieldValue)) {
+                    console.log(`Evaluación falsa de condición IN...`);
                     return false;
                 }
                 if (operator === operators.EQ) {
@@ -1624,12 +1633,17 @@ class RecordTable extends FormElement {
         }
     }
     updateVisibleRecords() {
+        console.log('updateVisibleRecords');
         let visibleRecords;
         if (this.clientPaging) {
+            console.log('this.clientPaging');
+            console.log('a por getFilteredRecords');
             let filteredRecords = this.getFilteredRecords();
+            console.log('regresando de getFilteredRecords');
             this.setAttr(attrs.totalRecordsNumber, filteredRecords.length);
             const sliceNumber1 = (this.currentPage - 1) * this.recordsPerPage;
             const sliceNumber2 = (this.currentPage - 1) * this.recordsPerPage + this.recordsPerPage;
+            console.log('Actualizando visibleRecords');
             visibleRecords = filteredRecords.slice(sliceNumber1, sliceNumber2);
             const recordsLastPage = this.totalRecordsNumber % this.recordsPerPage;
             const totalPages = Math.trunc(this.totalRecordsNumber / this.recordsPerPage + (recordsLastPage ? 1 : 0));
@@ -1640,6 +1654,7 @@ class RecordTable extends FormElement {
         else {
             visibleRecords = this.tableRecords;
         }
+        console.log('Actualizando visibleRecords al cierre');
         this.setAttr(attrs.visibleRecords, visibleRecords);
     }
     updateFromServer(tableReceived) {
@@ -1754,15 +1769,19 @@ class RecordTable extends FormElement {
         tableColumn && tableColumn.addFilterDefinition(filterDefinition);
     }
     getFilteredRecords() {
+        console.log('getFilteredRecords');
         let filteredRecords = this.tableRecords;
         if (this.restrictedId) {
+            console.log('por id');
             filteredRecords = filteredRecords.filter(record => record.recordId === this.restrictedId);
         }
         if (this.globalFilterStrings.length > 0) {
+            console.log('global');
             filteredRecords = filteredRecords.filter(record => record.hasPattern(this.globalFilterStrings, this._tableColumnObj));
         }
         const columnFilters = this.columns.filter(column => column.filter).map(column => column.filter);
         if (columnFilters.length > 0) {
+            console.log('Hay columnFilters...');
             filteredRecords = filteredRecords.filter(record => record.hasCondition(columnFilters));
         }
         return filteredRecords;
@@ -1772,12 +1791,23 @@ class RecordTable extends FormElement {
         return tableColumn?.filter ?? null;
     }
     addColumnFilter(columnName, columnValues, operator = null) {
+        console.log('1. addColumnFilter');
         const tableColumn = this.columnDefinition(columnName);
+        console.log('2. addColumnFilter');
+        console.log(tableColumn);
         const columnFilterDefinition = tableColumn?.filterDefinition ?? null;
+        console.log('3. addColumnFilter');
+        console.log(columnFilterDefinition);
         if (!columnFilterDefinition) {
             return;
         }
+        console.log('4. addColumnFilter');
+        console.log('tableColumn');
+        console.log(tableColumn);
+        console.log({ columnValues, operator });
+        console.log('5. Adicionando filtro');
         tableColumn && tableColumn.addFilter(columnValues, operator);
+        console.log('4. updateVisibleRecords');
         this.updateVisibleRecords();
     }
     removeColumnFilter(columnName) {