@nixweb/nixloc-ui 1.5.0 → 1.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/shared/DocumentPreview.vue

@@ -3,7 +3,6 @@
     <div ref='preview'>
       <v-runtime-template :template="`<div>${template}</div>`" />
     </div>
-    <div>{{ template }}</div>
   </div>
 </template>
 

package/src/store/modules/generic.js

@@ -113,7 +113,7 @@ export default {
 
             const tabelaGrupoSubGrupo = "t.produtoGrupoSubgrupo";
             const idxMarker = documentHtml.indexOf(tabelaGrupoSubGrupo);
-            const marcadorDiv = '<tabela-grupo-subgrupo></tabela-grupo-subgrupo>';
+            const marcadorDiv = `<tabela-grupo-subgrupo></tabela-grupo-subgrupo>`;
 
             if (idxMarker !== -1) {
                 tableStart = documentHtml.lastIndexOf("<table", idxMarker);
@@ -156,6 +156,7 @@ export default {
                         let isProduct = th.innerText.includes("t.produtoLocacao");
                         let isInvoice = th.innerText.includes("t.produtoFatura");
                         let isGrouped = th.innerText.includes("t.produtoAgrupado");
+                        let isGroupedSubgroup = th.innerText.includes("t.produtoGrupoSubgrupo");
                         let isMoviment = th.innerText.includes("t.produtoMovimentacao");
                         let isCustumerAddress = th.innerText.includes("t.enderecoCliente");
                         let isAddressRent = th.innerText.includes("t.saidaRetornoLocacao");
@@ -208,7 +209,10 @@ export default {
 
                             config.push(obj);
 
-                        } else if (isMoviment) {
+                        } else if (isGroupedSubgroup) {
+                            // não faz nda, quem altera essa tabela é a após retParse
+                        }
+                        else if (isMoviment) {
                             obj.vForSimple = "v-for='produto in d.itensMovimentacao'";
                             config.push(obj);
                         } else if (isCustumerAddress) {
@@ -231,16 +235,53 @@ export default {
 
                 let replace = "";
                 config.forEach(x => {
-                    if (x.nameGroup || x.vForGrouped || x.nameGroupReplace || x.vForSimple) {
-                        replace += `.replace("<tbody>${x.nameGroup}<tr>", "<tbody ${x.vForGrouped}>${x.nameGroupReplace}<tr ${x.vForSimple}>")`;
-                    }
+                    replace += `.replace("<tbody>${x.nameGroup}<tr>", "<tbody ${x.vForGrouped}>${x.nameGroupReplace}<tr ${x.vForSimple}>")`;
                 });
 
                 var retParse = ret.replaceAll("\"", "'");
                 retParse = eval(`retParse${replace}`);
 
-                if (removedTableHtml)
+                if (removedTableHtml) {
+
+                    removedTableHtml = removedTableHtml.replace("<tbody>", `<tbody v-for="(grupos, grupoMaster) in produtoGrupoSubgrupo">`);
+
+                    const inicio = removedTableHtml.indexOf("<tbody");
+                    const fim = removedTableHtml.indexOf("</tbody>", inicio) + "</tbody>".length;
+                    let tbodyHtml = removedTableHtml.substring(inicio, fim);
+                    const trs = [...tbodyHtml.matchAll(/<tr[^>]*>/g)];
+                    if (trs.length >= 3) {
+                        const grupoStart = trs[1].index;
+                        const produtoStart = trs[2].index;
+                        const produtoEnd = tbodyHtml.indexOf("</tr>", produtoStart) + "</tr>".length;
+
+                        const wrapStart = grupoStart;
+                        const wrapEnd = produtoEnd;
+
+                        let templateContent = tbodyHtml.substring(wrapStart, wrapEnd);
+
+                        const innerTrs = [...templateContent.matchAll(/<tr[^>]*>/g)];
+                        if (innerTrs.length >= 2) {
+                            const prodTag = innerTrs[1];
+                            const pStart = prodTag.index;
+                            const pEnd = pStart + prodTag[0].length;
+
+                            templateContent =
+                                templateContent.substring(0, pStart) +
+                                `<tr v-for="produto in itensLocacao">` +
+                                templateContent.substring(pEnd);
+                        }
+
+                        tbodyHtml = tbodyHtml.substring(0, wrapStart) +
+                            `<template v-for="(itensLocacao, grupo) in grupos">` +
+                            templateContent +
+                            `</template>` +
+                            tbodyHtml.substring(wrapEnd);
+
+                        removedTableHtml = removedTableHtml.substring(0, inicio) + tbodyHtml + removedTableHtml.substring(fim);
+                    }
+
                     retParse = retParse.replace(marcadorDiv, `<div>${removedTableHtml}</div>`);
+                }
 
                 var classImportant = retParse
                     .replaceAll("t.pagamentoLocacao", "")