backend-plus 2.7.0-beta.9 → 2.7.0

package/for-client/my-tables.js

@@ -1,6 +1,6 @@
 "use strict";
 
-/*global myOwn, my, XLSX, Pikaday  */
+/*global myOwn, my, xlsxNowBrowser, Pikaday  */
 /*global miniMenuPromise, dialogPromise, alertPromise, confirmPromise, promptPromise, simpleFormPromise */
 /*global Blob, document, CustomEvent, URL  */
 
@@ -248,7 +248,7 @@ myOwn.getStructuresToRegisterInLdb = function getStructuresToRegisterInLdb(paren
                 var dummyElement = html.div().create();
                 var Connector = my.TableConnector;
                 var connector = new Connector({
-                    my:my, 
+                    my:my,
                     tableName: tableName,
                     getElementToDisplayCount:function(){ return dummyElement }
                 });
@@ -264,7 +264,7 @@ myOwn.getStructuresToRegisterInLdb = function getStructuresToRegisterInLdb(paren
             var dummyElement = html.div().create();
             var Connector = my.TableConnector;
             var connector = new Connector({
-                my:my, 
+                my:my,
                 tableName: foreignKey.references,
                 getElementToDisplayCount:function(){ return dummyElement }
             });
@@ -305,8 +305,8 @@ myOwn.TableConnector = function(context, opts){
 
 myOwn.TableConnector.prototype.getStructure = function getStructure(opts){
     var opts = changing({
-        registerInLocalDB: false, 
-        waitForFreshStructure: false 
+        registerInLocalDB: false,
+        waitForFreshStructure: false
     }, opts || {});
     var connector = this;
     var my = connector.my;
@@ -337,7 +337,7 @@ myOwn.TableConnector.prototype.getStructure = function getStructure(opts){
         connector.whenStructureReady = canContinue.then(function(){
             return my.getStructureFromLocalDb(connector.tableName);
         }).then(function(tableDef){
-            if(!tableDef){ 
+            if(!tableDef){
                 return structureFromBackend;
             }
             connector.localDef = connector.def = changing(tableDef, connector.opts.tableDef||{});
@@ -384,7 +384,7 @@ myOwn.TableConnector.prototype.deleteRecord = function deleteRecord(depot, opts)
     return (depot.primaryKeyValues===false?
         Promise.resolve():
         depot.my.ajax.table_record_delete({
-            table:depot.def.name, 
+            table:depot.def.name,
             primaryKeyValues:depot.primaryKeyValues,
             launcher:opts.launcher
         }).then(function(){
@@ -419,7 +419,7 @@ myOwn.TableConnector.prototype.recordEnter = function recordEnter(depot){
     return (!this.my.config.cursor || depot.primaryKeyValues===false?
         Promise.resolve():
         depot.my.ajax.table_record_enter({
-            table:depot.def.name, 
+            table:depot.def.name,
             primaryKeyValues:depot.primaryKeyValues
         })
     );
@@ -428,7 +428,7 @@ myOwn.TableConnector.prototype.recordLeave = function recordLeave(depot){
     return (!this.my.config.cursor || depot.primaryKeyValues===false?
         Promise.resolve():
         depot.my.ajax.table_record_leave({
-            table:depot.def.name, 
+            table:depot.def.name,
             primaryKeyValues:depot.primaryKeyValues
         })
     );
@@ -445,7 +445,7 @@ myOwn.TableConnectorLocal = function(context, opts){
     connector.opts = opts||{};
     connector.fixedFields = connector.opts.fixedFields || [];
     connector.fixedField = {};
-    connector.pick = connector.opts.pick;    
+    connector.pick = connector.opts.pick;
     connector.hideBecauseRelated = {};
     connector.fixedFields.forEach(function(pair){
         if(!pair.range && !pair.until && pair.value != myOwn.skipInFixedFields){
@@ -461,7 +461,7 @@ myOwn.TableConnectorLocal = function(context, opts){
 myOwn.TableConnectorLocal.prototype.getStructure = function getStructure(){
     var connector = this;
     connector.whenStructureReady = my.getStructureFromLocalDb(connector.tableName).then(function(tableDef){
-        if(!tableDef){ 
+        if(!tableDef){
             var err = new Error();
             err.code='NO-STRUCTURE';
             throw err;
@@ -587,8 +587,8 @@ myOwn.tableGrid = function tableGrid(tableName, mainElement, opts){
     grid.detailingPath=opts.detailingPath;
     var Connector = my.offline.mode?my.TableConnectorLocal:my.TableConnector;
     grid.connector = new Connector({
-        my:this, 
-        tableName: tableName, 
+        my:this,
+        tableName: tableName,
         getElementToDisplayCount:function(){ return (grid.dom.footInfo||{}).displayTo||html.div().create(); }
     }, opts);
     var preparing = grid.prepareAndDisplayGrid().then(function(){
@@ -661,9 +661,9 @@ myOwn.tableGrid = function tableGrid(tableName, mainElement, opts){
                                 changeIoStatus(depot,'ok', depot.row);
                             },3000);
                         }
-                    } else if (depot) { 
+                    } else if (depot) {
                         if (!sameValue(JSON.stringify(row),JSON.stringify(depot.row))) {
-                            //grid.retrieveRowAndRefresh(depot); 
+                            //grid.retrieveRowAndRefresh(depot);
                             if(depot.tr){
                                 grid.depotRefresh(depot,{updatedRow:row, sendedForUpdate:{}},{noDispatchEvents:true});
                             }
@@ -676,7 +676,7 @@ myOwn.tableGrid = function tableGrid(tableName, mainElement, opts){
                     var depotsToDisplay = grid.filterDepots(grid.depots);
                     var depotsToDelete = depotsToDisplay.filter(depot => depot.tick != tick);
                     var depot;
-                    if (myOwn.config.config['grid-row-retain-moved-or-deleted'] && !force) { 
+                    if (myOwn.config.config['grid-row-retain-moved-or-deleted'] && !force) {
                         var depotsToRetain = grid.depots.filter(depot => depot.tick == tick);
                         for (depot of depotsToRetain) {
                             depot['$refreshed'] = false
@@ -684,10 +684,10 @@ myOwn.tableGrid = function tableGrid(tableName, mainElement, opts){
                         }
                     }
                     while (depot = depotsToDelete.pop()) {
-                        depot.manager.displayAsDeleted(depot, force ? 'change-ff' : 'unknown'); 
-                        if (myOwn.config.config['grid-row-retain-moved-or-deleted']) { 
+                        depot.manager.displayAsDeleted(depot, force ? 'change-ff' : 'unknown');
+                        if (myOwn.config.config['grid-row-retain-moved-or-deleted']) {
                             if(!depot['$refreshed']){
-                                grid.retrieveRowAndRefresh(depot,{retrieveIgnoringWhere:true})
+                                grid.retrieveRowAndRefresh(depot,{retrieveWithBroadWhere:true})
                                 depot['$refreshed'] = true
                             }
                         }
@@ -744,7 +744,7 @@ myOwn.TableGrid.prototype.createDepotFromRow = function createDepotFromRow(row,
     var depot = {
         my: grid.my,
         def: grid.def,
-        connector: grid.connector, 
+        connector: grid.connector,
         manager: grid,
         rowControls:{},
         row: row,
@@ -956,7 +956,7 @@ myOwn.DataColumnGrid.prototype.cellAttributes = function cellAttributes(specific
     }
     return attr;
 }
-    
+
 myOwn.DataColumnGrid.prototype.th = function th(){
     var fieldDef = this.fieldDef;
     var grid = this.grid;
@@ -1098,11 +1098,11 @@ myOwn.DataColumnGrid.prototype.td = function td(depot, iColumn, tr, saveRow){
                 if (fieldDef.references) {
                     promiseChain = promiseChain.then(
                         grid.setInheritedFields(depot, function(fkDef){
-                            return fkDef.references == fieldDef.references && 
+                            return fkDef.references == fieldDef.references &&
                             fkDef.fields.find(function(field){
                                 return field.source == fieldDef.name
                             }) &&
-                            fkDef.displayFields.length >= 0 
+                            fkDef.displayFields.length >= 0
                         }
                     ));
                 }
@@ -1205,7 +1205,7 @@ myOwn.DetailColumnGrid.prototype.td = function td(depot, iColumn, tr){
         if(!event.ctrlKey && event.button!=1){
             event.preventDefault();
         }
-        detailControl.displayDetailGrid({fixedFields:fixedFields, detailing:{}},event);    
+        detailControl.displayDetailGrid({fixedFields:fixedFields, detailing:{}},event);
     }
     detailControl.forceDisplayDetailGrid = function(opts){
         if(detailControl.show){
@@ -1217,7 +1217,7 @@ myOwn.DetailColumnGrid.prototype.td = function td(depot, iColumn, tr){
     detailControl.refreshDetailGrid = function(opts){
         var detailControl=this;
         if(detailControl.show){
-            
+
         }
     }
     detailControl.displayDetailGrid = function(opts,event){
@@ -1253,8 +1253,8 @@ myOwn.DetailColumnGrid.prototype.td = function td(depot, iColumn, tr){
                     wScreen.mainAction(params,divGrid);
                 }else{
                     result = grid.my.tableGrid(detailTableDef.table, divGrid, {
-                        fixedFields: fixedFields, 
-                        detailing:opts.detailing, 
+                        fixedFields: fixedFields,
+                        detailing:opts.detailing,
                         detailingForUrl:grid.detailingForUrl,
                         detailingPath:(grid.detailingPath||[]).concat(depot.lastsPrimaryKeyValues),
                         parentDepot: depot
@@ -1415,7 +1415,7 @@ myOwn.TableGrid.prototype.prepareMenu = function prepareMenu(button){
                 grid.hideColumnsViaCss();
             });
             selectColumnsToShowElement.addEventListener('change',function(){
-                var listOptionsToShow=Array.prototype.slice.call(selectColumnsToShowElement.selectedOptions); 
+                var listOptionsToShow=Array.prototype.slice.call(selectColumnsToShowElement.selectedOptions);
                 listOptionsToShow.forEach(function(option) {
                     grid.view.hiddenColumns.splice(grid.view.hiddenColumns.indexOf(option.value),1);
                     selectColumnsToShowElement.removeChild(option);
@@ -1450,9 +1450,9 @@ myOwn.TableGrid.prototype.prepareMenu = function prepareMenu(button){
         var messages = {};
         menuOptions.push(
             myOwn.dialogUpload(
-                'table_upload', 
+                'table_upload',
                 {
-                    table:grid.def.name, 
+                    table:grid.def.name,
                     prefilledFields:grid.connector.fixedFields,
                     skipUnknownFieldsAtImport:null
                 },
@@ -1533,8 +1533,8 @@ myOwn.TableGrid.prototype.prepareMenu = function prepareMenu(button){
         })
     );
     menuOptions.push({
-        img:my.path.img+'filtered-complete-table.png', 
-        label:my.messages.filteredCompleteTable, 
+        img:my.path.img+'filtered-complete-table.png',
+        label:my.messages.filteredCompleteTable,
         href:urlFilteredCompleteTable,
         showPage:my.showPage,
     });
@@ -1577,14 +1577,14 @@ myOwn.dialogDownload = function dialogDownload(grid){
             html.div({class:'state-preparing'}, [
                 html.div(my.messages.preparingForExport),
                 html.img({
-                    class:'img-preparing', 
-                    src:'img/preparing.png', 
-                    alt:my.messages.preparingForExport, 
-                    title:my.messages.preparingForExport, 
+                    class:'img-preparing',
+                    src:'img/preparing.png',
+                    alt:my.messages.preparingForExport,
+                    title:my.messages.preparingForExport,
                 }),
             ]),
             html.div({class:'state-ready'}, [downloadElement]),
-            html.div('.'), 
+            html.div('.'),
         ]).create();
         dialogWindow.appendChild(mainDiv);
         var fieldsDef2Export=[];
@@ -1596,9 +1596,9 @@ myOwn.dialogDownload = function dialogDownload(grid){
         var prepare=function(){
             mainDiv.setAttribute("current-state", "preparing");
             setTimeout(function(){
-                fieldsDef2Export=grid.def.fields.filter(function(fieldDef){ 
-                    return (fieldDef.inTable!==false || input.fromOtherTables.checked) 
-                        && fieldDef.visible 
+                fieldsDef2Export=grid.def.fields.filter(function(fieldDef){
+                    return (fieldDef.inTable!==false || input.fromOtherTables.checked)
+                        && fieldDef.visible
                         && (fieldDef.allow.update || input.readOnly.checked || fieldDef.isPk)
                         && (!grid.view.hiddenColumns.includes(fieldDef.name) || input.hiddens.checked);
                 });
@@ -1607,7 +1607,7 @@ myOwn.dialogDownload = function dialogDownload(grid){
                 }else{
                     if(input.csv.checked){
                         separator=',';
-                        replacer=function(txt){ 
+                        replacer=function(txt){
                             return /[\n,"]/.test(txt)?'"'+txt.replace(/"/g,'""')+'"':txt
                         }
                         dotExtension='.csv';
@@ -1619,7 +1619,7 @@ myOwn.dialogDownload = function dialogDownload(grid){
                             '\r':'\\r',
                             '\n':'\\n',
                         }
-                        replacer=function(txt){ 
+                        replacer=function(txt){
                             return txt.replace(/[|\\\r\n]/g,function(char){
                                 return trans[char];
                             })
@@ -1651,37 +1651,75 @@ myOwn.dialogDownload = function dialogDownload(grid){
                 }));
             });
             var blob = new Blob([data.map(function(line){return line.map(replacer).join(separator)}).join('\r\n')], {type: 'text/plain'});
-            var url = URL.createObjectURL(blob); 
+            var url = URL.createObjectURL(blob);
             downloadElement.href=url;
             downloadElement.setAttribute("download", grid.def.name+dotExtension);
             mainDiv.setAttribute("current-state", "ready");
         }
-        var STYLE_HEADER={ font: {bold:true, underline:true}/*, alignment:{horizontal:'center'}*/};
-        var STYLE_EXTRA_HEADER={ font: {bold:true, underline:true, color:{rgb: "800040"}}/*, alignment:{horizontal:'center'}*/};
-        var STYLE_PK={font:{bold:true}};
-        var STYLE_LOOKUP={font:{color:{ rgb: "5588DD" }}};
-        var populateTableXLS = function populateTableXLS(ws, depots, fieldDefs, topRow, leftColumn){
-            topRow=topRow||0;
+        var XLSX_STYLES={
+            header      : {bold:true},
+            extraHeader : {bold:true, color:"404040"},
+            pk          : {bold:true},
+            lookup      : {color:"404040"},
+            interval    : {numFmt:'[h]:mm:ss'},
+            intervalPk  : {base:'pk'    , numFmt:'[h]:mm:ss'},
+            intervalLookup:{base:'lookup', numFmt:'[h]:mm:ss'},
+        };
+        // Las columnas que salen de exportJsonFieldAsColumns aparecen recién al
+        // recorrer las filas, pero el encabezado se escribe antes que ellas: con
+        // escritura secuencial hay que conocerlas de entrada, y esta pasada las junta.
+        var collectExtraColumns = function collectExtraColumns(depots, fieldDefs, firstColumn){
+            var lastColumn=firstColumn-1;
+            if(grid.def.exportJsonFieldAsColumns){
+                depots.forEach(function(depot){
+                    fieldDefs.forEach(function(fieldDef){
+                        if(grid.def.exportJsonFieldAsColumns == fieldDef.name){
+                            var value=depot.row[fieldDef.name];
+                            var fields = typeof value == "string" ? JSON.parse(value) : value;
+                            for(var name in fields){
+                                if(extraColumns[name]==null){
+                                    extraColumns[name] = ++lastColumn;
+                                }
+                            }
+                        }
+                    });
+                });
+            }
+            return lastColumn;
+        }
+        var styleForField = function styleForField(fieldDef, depot){
+            var isInterval = fieldDef.typeName == 'interval';
+            if(fieldDef.isPk){
+                return isInterval?'intervalPk':'pk';
+            }
+            if(!fieldDef.allow || !fieldDef.allow.update || depot.allow.update === false){
+                return isInterval?'intervalLookup':'lookup';
+            }
+            return isInterval?'interval':undefined;
+        }
+        // Las filas de una tabla, como las toma xlsx-now: la primera es el
+        // encabezado y cada una de las demás es un array donde la posición es la
+        // columna. `leftColumn` corre la tabla entera hacia la derecha.
+        var tableRowsXLS = function tableRowsXLS(depots, fieldDefs, leftColumn){
             leftColumn=leftColumn||0;
-            fieldDefs.forEach(function(field,iColumn){
-                ws[XLSX.utils.encode_cell({c:iColumn+leftColumn,r:topRow})]={t:'s',v:field.name, s:STYLE_HEADER};
-                lastColumnExported = Math.max(lastColumnExported, iColumn);
+            var lastColumn=collectExtraColumns(depots, fieldDefs, fieldDefs.length);
+            lastColumnExported = Math.max(lastColumnExported, lastColumn);
+            var pad=new Array(leftColumn);
+            var headerRow=pad.concat(fieldDefs.map(function(field){
+                return {v:field.name, s:'header'};
+            }));
+            likeAr(extraColumns).forEach(function(pos, name){
+                headerRow[pos+leftColumn]={v:name, s:'extraHeader'};
             });
-            depots.forEach(function(depot, iRow){
+            var rows=[headerRow];
+            depots.forEach(function(depot){
+                var row=pad.concat([]);
                 var addCell = function addCell(value, fieldDef, iColumn){
                     if(value!=null){
-                        var excelValue=typeStore.typerFrom(fieldDef).toExcelValue(value);
-                        var valueType=typeStore.typerFrom(fieldDef).toExcelType(value);
-                        var cell={t:valueType,v:excelValue};
-                        if(fieldDef.typeName == 'interval'){
-                            cell.z='[h]:mm:ss';
-                        }
-                        if(fieldDef.isPk){
-                            cell.s=STYLE_PK;
-                        }else if(!fieldDef.allow || !fieldDef.allow.update || depot.allow.update === false){
-                            cell.s=STYLE_LOOKUP;
-                        }
-                        ws[XLSX.utils.encode_cell({c:iColumn+leftColumn,r:iRow+1+topRow})]=cell;
+                        row[iColumn+leftColumn]={
+                            v:typeStore.typerFrom(fieldDef).toExcelValue(value),
+                            s:styleForField(fieldDef, depot),
+                        };
                     }
                 }
                 fieldDefs.forEach(function(fieldDef, iColumn){
@@ -1689,36 +1727,36 @@ myOwn.dialogDownload = function dialogDownload(grid){
                     if(grid.def.exportJsonFieldAsColumns == fieldDef.name){
                         var fields = typeof value == "string" ? JSON.parse(value) : value;
                         for(var name in fields){
-                            var pos = extraColumns[name];
-                            if(pos==null){
-                                lastColumnExported++;
-                                extraColumns[name] = lastColumnExported;
-                                ws[XLSX.utils.encode_cell({c:lastColumnExported+leftColumn,r:topRow})]={t:'s',v:name, s:STYLE_EXTRA_HEADER};
-                                pos = lastColumnExported;
-                            }
-                            addCell(fields[name], {typeName:typeof fields[name] == 'number'? 'decimal':'text'}, pos)
+                            addCell(fields[name], {typeName:typeof fields[name] == 'number'? 'decimal':'text'}, extraColumns[name])
                         }
                     }else{
                         addCell(value, fieldDef, iColumn);
                     }
                 });
+                rows.push(row);
             });
-            ws["!ref"]="A1:"+XLSX.utils.encode_cell({c:lastColumnExported+leftColumn,r:grid.depotsToDisplay.length+topRow});
+            return rows;
         }
         var excelExport = function(){
-            var wb = XLSX.utils.book_new();
-            var ws = {};
-            var exportFileInformationWs={};
-            var i=0;
-            exportFileInformationWs[XLSX.utils.encode_cell({c:0,r:++i})]={t:'s',v:'table',s:STYLE_HEADER};
-            exportFileInformationWs[XLSX.utils.encode_cell({c:1,r:  i})]={t:'s',v:grid.def.name};
-            exportFileInformationWs[XLSX.utils.encode_cell({c:0,r:++i})]={t:'s',v:'date',s:STYLE_HEADER};
-            exportFileInformationWs[XLSX.utils.encode_cell({c:1,r:  i})]={t:'s',v:new Date().toISOString()};
-            exportFileInformationWs[XLSX.utils.encode_cell({c:0,r:++i})]={t:'s',v:'user',s:STYLE_HEADER};
-            exportFileInformationWs[XLSX.utils.encode_cell({c:1,r:  i})]={t:'s',v:my.config.username};
-            // grid.def.allow.forEach(function(action,iAction){
-            //     exportFileInformationWs[XLSX.utils.encode_cell({c:iAction,r:2})]={t:'s',v:action};
-            // })
+            var sheet1name=grid.def.name.length>27?grid.def.name.slice(0,27)+'...':grid.def.name;
+            var sheet2name=grid.def.name!=="metadata"?"metadata":"meta-data";
+            var dataSheet = {
+                name: sheet1name,
+                freezeRows: 1,
+                freezeColumns: grid.def.primaryKey?.length ?? 0,
+                autoWidthMax: 40,
+                rows: tableRowsXLS(grid.depotsToDisplay, fieldsDef2Export)
+            };
+            var metadataSheet = {
+                name:sheet2name,
+                autoWidthMax: 40,
+                rows: [
+                    [],
+                    [{v:'table',s:'header'}, grid.def.name],
+                    [{v:'date' ,s:'header'}, new Date().toISOString()],
+                    [{v:'user' ,s:'header'}, my.config.username],
+                ]
+            };
             if(grid.def.exportMetadata){
                 if(grid.def.exportMetadata.fieldProperties){
                     var fieldPropertiesDefs=grid.def.exportMetadata.fieldProperties.map(function(propName, i){
@@ -1729,22 +1767,22 @@ myOwn.dialogDownload = function dialogDownload(grid){
                     }).map(function(fieldDef){
                         return {row:fieldDef};
                     });
-                    populateTableXLS(exportFileInformationWs, fieldPropertiesDepot,fieldPropertiesDefs,i+1,1);
+                    extraColumns={};
+                    metadataSheet.rows.push(...(tableRowsXLS(fieldPropertiesDepot,fieldPropertiesDefs,1)));
                 }
             }
-            populateTableXLS(ws, grid.depotsToDisplay, fieldsDef2Export);
-            var sheet1name=grid.def.name.length>27?grid.def.name.slice(0,27)+'...':grid.def.name;
-            var sheet2name=grid.def.name!=="metadata"?"metadata":"meta-data";
-            wb.SheetNames=[sheet1name,sheet2name];
-            wb.Sheets[sheet1name]=ws;
-            exportFileInformationWs["!ref"]="A1:F100";
-            wb.Sheets[sheet2name]=exportFileInformationWs;
-            var wbFile = XLSX.write(wb, {bookType:'xlsx', bookSST:false, type: 'binary', cellDates:true});
-            var blob = new Blob([s2ab(wbFile)],{type:"application/octet-stream"});
-            mainDiv.setAttribute("current-state", "ready");
-            var url = URL.createObjectURL(blob); 
-            downloadElement.href=url;
-            downloadElement.setAttribute("download", grid.def.name+".xlsx");
+            xlsxNowBrowser.createXlsxBlob({
+                sheets: [dataSheet, metadataSheet],
+                styles:XLSX_STYLES
+            }).then(function(blob){
+                mainDiv.setAttribute("current-state", "ready");
+                var url = URL.createObjectURL(blob);
+                downloadElement.href=url;
+                downloadElement.setAttribute("download", grid.def.name+".xlsx");
+            }).catch(function(err){
+                mainDiv.setAttribute("current-state", "chossing");
+                alertPromise(err.message);
+            });
         };
     });
 };
@@ -1824,7 +1862,7 @@ myOwn.dialogUpload = function dialogUpload(ajaxPath, ajaxParams, ajaxPrepareResu
         });
         simpleFormPromise({elementsList:[
             messages.importDataFromFile,
-            buttonFile, 
+            buttonFile,
             ...(optsNames.map(name => html.label([html.br(), buttons[name], messages[name]]).create())),
             html.br().create(),
             buttonConfirmImport,
@@ -2052,7 +2090,7 @@ myOwn.TableGrid.prototype.prepareGrid = function prepareGrid(){
     ]).create();
     grid.prepareMenu(buttonMenu);
     grid.columns=[new my.ActionColumnGrid({
-        grid:grid, 
+        grid:grid,
         actions:[
             /*buttonInsert,*//*buttonSaveMode,*/buttonCreateFilter,buttonCreateFilterAdd,buttonDestroyFilter,
             buttonOrientation,
@@ -2069,8 +2107,8 @@ myOwn.TableGrid.prototype.prepareGrid = function prepareGrid(){
     //     [new my.SpecialColumnGrid({class:"empty-right-column"})]
     );
     if(grid.modes.withColumnDetails==null){
-        grid.modes.withColumnDetails=grid.def.fields.some(function(fieldDef){ 
-            return fieldDef.label!=fieldDef.title; 
+        grid.modes.withColumnDetails=grid.def.fields.some(function(fieldDef){
+            return fieldDef.label!=fieldDef.title;
         });
     }
     if(grid.vertical){
@@ -2087,7 +2125,7 @@ myOwn.TableGrid.prototype.prepareGrid = function prepareGrid(){
             elementInfo[info.name] = html.span(info.value).create();
             elementInfo.appendChild(elementInfo[info.name]);
         });
-        elementInfo.displayTo.textContent = my.messages.loading;    
+        elementInfo.displayTo.textContent = my.messages.loading;
     }
     grid.dom.headInfo = html.th({class: 'head-info', colspan:grid.columns.length-1, "is-processing":"1"}).create();
     createInfoColumnStructure(grid.dom.headInfo);
@@ -2116,11 +2154,11 @@ myOwn.TableGrid.prototype.prepareGrid = function prepareGrid(){
         grid.dom.table = html.table({"class":"my-grid", "my-table": grid.actualName},[
             grid.dom.caption,
             html.tbody(
-                grid.columns.map(function(column){ 
+                grid.columns.map(function(column){
                     return html.tr([
                         column.th(),
                         grid.modes.withColumnDetails?html.tr(grid.columns.map(function(column){ return column.thDetail(); })):null
-                    ]); 
+                    ]);
                 })
             ),
             html.tfoot([
@@ -2159,7 +2197,7 @@ myOwn.TableGrid.prototype.prepareGrid = function prepareGrid(){
             var dummyElement = html.div().create();
             var Connector = my.offline.mode?my.TableConnectorLocal:my.TableConnector;
             var myConnector = new Connector({
-                my:my, 
+                my:my,
                 tableName: fkDef.references,
                 getElementToDisplayCount:function(){ return dummyElement }
             }, {fixedFields: fixedFields});
@@ -2187,7 +2225,7 @@ myOwn.TableGrid.prototype.prepareGrid = function prepareGrid(){
 
 myOwn.specialDefaultValue={
     current_date:function(){ return myOwn.config.currentDate||bestGlobals.date.today(); },
-    next_number:function(fieldName, aboveDepot, belowDepot){ 
+    next_number:function(fieldName, aboveDepot, belowDepot){
         var manager = aboveDepot.manager ?? belowDepot.manager
         if(!manager){
             return 1;
@@ -2202,7 +2240,7 @@ myOwn.specialDefaultValue={
         }
         return belowDepot.row[fieldName]?belowDepot.row[fieldName]+1:(
             aboveDepot.row[fieldName]?aboveDepot.row[fieldName]-1:1
-        ); 
+        );
     },
     current_user: function specialDefaultValueCurrentUser(){
         return my.config.username;
@@ -2239,7 +2277,7 @@ myOwn.TableGrid.prototype.createRowInsertElements = function createRowInsertElem
         }
         /*
         while(
-            position<grid.dom.table.tBodies[0].rows.length && 
+            position<grid.dom.table.tBodies[0].rows.length &&
             grid.dom.table.tBodies[0].rows[position].isDetail
         ){
             position++;
@@ -2296,10 +2334,10 @@ var changeIoStatus = function changeIoStatus(depot,newStatus, objectWithFieldsOr
     var fieldNames=typeof objectWithFieldsOrListOfFieldNames === "string"?[objectWithFieldsOrListOfFieldNames]:(
         objectWithFieldsOrListOfFieldNames instanceof Array?objectWithFieldsOrListOfFieldNames:Object.keys(objectWithFieldsOrListOfFieldNames)
     );
-    fieldNames.forEach(function(name){ 
+    fieldNames.forEach(function(name){
         if(depot.rowControls[name]){
             var td=depot.rowControls[name];
-            td.setAttribute('io-status', newStatus); 
+            td.setAttribute('io-status', newStatus);
             if(title){
                 td.title=title;
             }else{
@@ -2365,8 +2403,8 @@ myOwn.TableGrid.prototype.displayGrid = function displayGrid(){
             if(depot.status==='new'){
                 var specialMandatories=grid.def.specialValidator?myOwn.validators[grid.def.specialValidator].getMandatoryMap(depot.row):{};
                 var mandatoryOmitted=function(fieldDef){
-                    return (specialMandatories[fieldDef.name] || fieldDef.nullable!==true && fieldDef.isPk || fieldDef.nullable===false) 
-                        && depot.row[fieldDef.name]==null 
+                    return (specialMandatories[fieldDef.name] || fieldDef.nullable!==true && fieldDef.isPk || fieldDef.nullable===false)
+                        && depot.row[fieldDef.name]==null
                         && (grid.connector.fixedFields.find(function(pair){
                                 return !pair.range && !pair.until && pair.fieldName===fieldDef.name
                             })||{}).value == null
@@ -2393,11 +2431,11 @@ myOwn.TableGrid.prototype.displayGrid = function displayGrid(){
         // var sendedForUpdate = depot.my.cloneRow(depot.rowPendingForUpdate);
         return my.ajax.table_data({
             table:depot.def.name,
-            fixedFields:grid.def.primaryKey.map(function(fieldName, i){ 
+            fixedFields:grid.def.primaryKey.map(function(fieldName, i){
                 return {fieldName:fieldName, value:depot.primaryKeyValues[i]};
             }),
             pick:grid.def.pick,
-            retrieveIgnoringWhere: opts?opts.retrieveIgnoringWhere:false
+            retrieveWithBroadWhere : opts?.retrieveWithBroadWhere ?? false
         }).then(function(result){
             grid.depotRefresh(depot,{updatedRow:result[0], sendedForUpdate:{}}, opts);
         })
@@ -2405,8 +2443,8 @@ myOwn.TableGrid.prototype.displayGrid = function displayGrid(){
     grid.setRowStyle = function setRowStyle(depot, row, skipUpdateStatus){
         if(!skipUpdateStatus){
             depot.status = 'loaded';
-            depot.primaryKeyValues = grid.def.primaryKey.map(function(fieldName){ 
-                return depot.row[fieldName]; 
+            depot.primaryKeyValues = grid.def.primaryKey.map(function(fieldName){
+                return depot.row[fieldName];
             });
             /*
             depot.lastsPrimaryKeyValues = depot.primaryKeyValues.slice(0);
@@ -2423,7 +2461,7 @@ myOwn.TableGrid.prototype.displayGrid = function displayGrid(){
                 depot.lastsPrimaryKeyValues=JSON.stringify(depot.lastsPrimaryKeyValues);
             }
             depot.tr.setAttribute('pk-values',JSON.stringify(depot.primaryKeyValues));
-            grid.def.layout.styleColumns.forEach(function(fieldName){ 
+            grid.def.layout.styleColumns.forEach(function(fieldName){
                 depot.tr.setAttribute('column-'+fieldName,JSON.stringify(depot.row[fieldName]));
             });
         }
@@ -2464,15 +2502,15 @@ myOwn.TableGrid.prototype.displayGrid = function displayGrid(){
                         },3000,fieldName);
                         /*jshint loopfunc: false */
                     }else if(sameValue(retrievedRow[fieldName], source[fieldName])){
-                        // ok, si bien lo que viene no coincide con lo pendiente que sigue pendiente, 
-                        // sí coincide con lo que estaba antes de mandar a grabar, 
+                        // ok, si bien lo que viene no coincide con lo pendiente que sigue pendiente,
+                        // sí coincide con lo que estaba antes de mandar a grabar,
                         // entonces no hay conflicto el usuario sabe sobre qué está modificando
                         //REVISAR SI SE QUIERE REVERTIR
                     }else{
-                        // no coincide con lo pendiente ni con lo anterior, 
+                        // no coincide con lo pendiente ni con lo anterior,
                         // hay un conflicto con el conocimiento del usuario que modificó algo que estaba en otro estado
-                        changeIoStatus(depot,'write-read-conflict', 
-                            fieldName, 
+                        changeIoStatus(depot,'write-read-conflict',
+                            fieldName,
                             myOwn.messages.anotherUserChangedTheRow+'. \n'+
                             myOwn.messages.oldValue+': '+source[fieldName]+(
                                 whenMergeOverride?'':'\n'+myOwn.messages.actualValueInDB+': '+retrievedRow[fieldName]
@@ -2513,7 +2551,7 @@ myOwn.TableGrid.prototype.displayGrid = function displayGrid(){
         }
         grid.refreshAggregates();
         for(var detailControl in depot.detailControls){
-            if(depot.detailControls[detailControl].tr){                
+            if(depot.detailControls[detailControl].tr){
                 depot.detailControls[detailControl].refreshAllRowsInGrid()
             }
         };
@@ -2532,7 +2570,7 @@ myOwn.TableGrid.prototype.displayGrid = function displayGrid(){
             tr=grid.dom.table.rows[0];
             depot.colNumber = grid.dom.table.rows[0].childNodes.length;
         }else{
-            tr = grid.my.insertRow({section:tbody, iRow:iRow, smooth:depot.status==='new'?{ 
+            tr = grid.my.insertRow({section:tbody, iRow:iRow, smooth:depot.status==='new'?{
                 colCount:grid.def.detailTables.length + grid.def.fields.length
             }:false});
         }
@@ -2542,11 +2580,11 @@ myOwn.TableGrid.prototype.displayGrid = function displayGrid(){
             return column.fieldDef?column.fieldDef.visible:true
         }).forEach(function(column, iColumn){
             tr.appendChild(column.td(depot, iColumn, tr, saveRow));
-            if(grid.vertical){ 
+            if(grid.vertical){
                 tr = tr.nextSibling;
             }
         });
-        if(!grid.vertical){ 
+        if(!grid.vertical){
             tr.addEventListener('focusout', function(event){
                 tr.removeAttribute('current_line');
                 if(event.target.parentNode != (event.relatedTarget||{}).parentNode ){
@@ -2611,7 +2649,7 @@ myOwn.TableGrid.prototype.displayGrid = function displayGrid(){
             special: 'filter',
             my: grid.my,
             def: grid.def,
-            connector: grid.connector, 
+            connector: grid.connector,
             manager: grid,
             rowControls:{},
             row: {},
@@ -2679,7 +2717,7 @@ myOwn.TableGrid.prototype.displayGrid = function displayGrid(){
         var depotsToDisplay = grid.filterDepots(grid.depots);
         grid.sortDepotsToDisplay = function sortDepotsToDisplay(depotsToDisplay){
             if(grid.view.sortColumns.length>0){
-                return depotsToDisplay.sort(function(depot1, depot2){ 
+                return depotsToDisplay.sort(function(depot1, depot2){
                     grid.view.sortColumns.forEach(function(orderColumn){
                         if(!grid.def.field[orderColumn.column]){
                             my.log(orderColumn.column+' order no está en '+grid.def.name);
@@ -2774,7 +2812,7 @@ myOwn.TableGrid.prototype.displayAsDeleted = function displayAsDeleted(depot, mo
     var grid = this;
     var fast = mode == 'change-ff'
     if (mode == 'unknown' && myOwn.config.config['grid-row-retain-moved-or-deleted']) {
-        depot.tr.setAttribute('not-here', 'yes'); 
+        depot.tr.setAttribute('not-here', 'yes');
     } else {
         var position = depot.tr ? Math.min(grid.depots.length,Math.max(0,depot.tr.sectionRowIndex)) : 0;
         if(grid.depots[position] !== depot){
@@ -2816,7 +2854,7 @@ myOwn.TableGrid.prototype.displayAsDeleted = function displayAsDeleted(depot, mo
 
 myOwn.confirmDelete=function confirmDelete(depot, opts){
     return depot.my.showQuestion(
-        depot.my.messages.Delete+' '+(depot.primaryKeyValues === false ? depot.my.messages.newUnsavedRow : JSON.stringify(depot.primaryKeyValues))+' ?', 
+        depot.my.messages.Delete+' '+(depot.primaryKeyValues === false ? depot.my.messages.newUnsavedRow : JSON.stringify(depot.primaryKeyValues))+' ?',
         {askForNoRepeat:depot.my.messages.Delete+', '+depot.def.name}
     );
 }
@@ -2982,10 +3020,10 @@ myOwn.getReference = function getReference(referenceName, opts){
     var reference={};
     if(!my.references[referenceName] || opts.fixedFields.length){
         var dummyElement = html.div().create();
-        var Connector = my.offline.mode?my.TableConnectorLocal:my.TableConnector; 
+        var Connector = my.offline.mode?my.TableConnectorLocal:my.TableConnector;
         var connector=new Connector({
-            my:my, 
-            tableName: referenceName, 
+            my:my,
+            tableName: referenceName,
             getElementToDisplayCount:function(){ return dummyElement; },
             activeOnly: true
         }, {fixedFields:opts.fixedFields});
@@ -3024,7 +3062,7 @@ myOwn.autoSetupFunctions.push(function autoSetupMyTables(){
 myOwn.ExpanderJsonReadOnly={
     autoExpand:true,
     whenReadOnly:true,
-    whenType: function(typedControl){ 
+    whenType: function(typedControl){
         var typeInfo = typedControl.controledType.typeInfo;
         return typeInfo.typeName === 'jsonb';
     },
@@ -3055,7 +3093,7 @@ myOwn.ExpanderJsonReadOnly={
 }
 myOwn.ExpanderReferences={
     autoExpand:true,
-    whenType: function(typedControl){ 
+    whenType: function(typedControl){
         var typeInfo = typedControl.controledType.typeInfo;
         return typeInfo.references && !typeInfo.skipReferenceLookup;
     },
@@ -3140,7 +3178,7 @@ myOwn.ExpanderReferences={
                             attributes: {'allow-write': true}
                         }
                     }).then(function(text){
-                        typedControl.setTypedValue(text||null, true);    
+                        typedControl.setTypedValue(text||null, true);
                     }).catch(function(err){
                         if(!DialogPromise){
                             return alertPromise(err.message);
@@ -3179,4 +3217,4 @@ myOwn.validators={}
 myOwn.sortMethods={
     'charbychar':bestGlobals.forOrder.Native,
     'default':bestGlobals.forOrder,
-}
+}