trabajando en el datatables de los presupuestos

src/main/resources/static/assets/css/app.css

@@ -928,7 +928,7 @@ File: Main Css File
   font-family: "Public Sans", sans-serif;
 }
 .navbar-menu .navbar-nav .nav-sm .nav-link:before {
-  content: "";
+  content: none;
   width: 6px;
   height: 1.5px;
   background-color: var(--vz-vertical-menu-sub-item-color);
@@ -6714,6 +6714,38 @@ a {
   border-left-color: #ff7f5d;
 }
 
+/* ---- NAV SECUNDARIO CON PESTAÑITA OUTLINE ---- */
+/* Solo la pestaña activa: estilo outline + pestañita */
+.nav-secondary-outline.arrow-navtabs .nav-link.active {
+  color: #ff7f5d;
+  background: transparent;
+  border: 1px solid #ff7f5d;   /* como el botón Iniciar sesión */
+  border-radius: .5rem;
+  position: relative;
+}
+
+/* Si el tema ya dibuja una flecha sólida, la anulamos */
+.nav-secondary-outline.arrow-navtabs .nav-link.active::before {
+  display: none !important;
+}
+
+/* Pestañita tipo outline */
+.nav-secondary-outline.arrow-navtabs .nav-link.active::after {
+  content: "";
+  position: absolute;
+  left: 50%;
+  bottom: -7px;                 /* ajusta si lo necesitas */
+  width: 12px;
+  height: 12px;
+  transform: translateX(-50%) rotate(225deg);
+  background: var(--vz-body-bg, var(--bs-body-bg, #fff)); /* color del fondo de la página */
+  border-left: 1px solid #ff7f5d;
+  border-top: 1px solid #ff7f5d;
+  z-index: 2;
+}
+
+
+
 .nav-success .nav-link.active {
   color: #fff;
   background-color: #3cd188;
@@ -16329,4 +16361,5 @@ span.flatpickr-weekday {
   position: absolute;
   bottom: -18px;
   left: -35px;
-}
+}
+

src/main/resources/static/assets/js/pages/imprimelibros/configuracion/margenes-presupuesto/list.js

@@ -26,6 +26,22 @@
     pageLength: 50,
     language: { url: '/assets/libs/datatables/i18n/' + language + '.json' },
     responsive: true,
+    dom: 'Bfrtip',
+    buttons: {
+      dom: {
+        button: {
+          className: 'btn btn-sm btn-outline-primary me-1'
+        },
+        buttons: [
+          { extend: 'copy' },
+          { extend: 'csv' },
+          { extend: 'excel' },
+          { extend: 'pdf' },
+          { extend: 'print' },
+          { extend: 'colvis' }
+        ],
+      }
+    },
     ajax: {
       url: '/configuracion/margenes-presupuesto/datatable',
       method: 'GET',

src/main/resources/static/assets/js/pages/imprimelibros/presupuestador/presupuestador.js

@@ -216,6 +216,7 @@ class PresupuestoCliente {
         if (tabButton) {
             bootstrap.Tab.getOrCreateInstance(tabButton).show();
         }
+        window.scrollTo({ top: 0, behavior: 'smooth' });
     }
 
     #getPresupuestoData() {

src/main/resources/static/assets/js/pages/imprimelibros/presupuestos/list.js

@@ -0,0 +1,75 @@
+(() => {
+  // si jQuery está cargado, añade CSRF a AJAX
+  const csrfToken = document.querySelector('meta[name="_csrf"]')?.getAttribute('content');
+  const csrfHeader = document.querySelector('meta[name="_csrf_header"]')?.getAttribute('content');
+  if (window.$ && csrfToken && csrfHeader) {
+    $.ajaxSetup({
+      beforeSend: function (xhr) {
+        xhr.setRequestHeader(csrfHeader, csrfToken);
+      }
+    });
+  }
+
+  const language = document.documentElement.lang || 'es-ES';
+
+  // Comprueba dependencias antes de iniciar
+  if (!window.DataTable) {
+    console.error('DataTables no está cargado aún');
+    return;
+  }
+
+  const table_anonimos = new DataTable('#presupuestos-anonimos-datatable', {
+    processing: true,
+    serverSide: true,
+    orderCellsTop: true,
+    stateSave: true,
+    pageLength: 50,
+    language: { url: '/assets/libs/datatables/i18n/' + language + '.json' },
+    responsive: true,
+    dom: 'Bfrtip',
+    buttons: {
+      dom: {
+        button: {
+          className: 'btn btn-sm btn-outline-primary me-1'
+        },
+        buttons: [
+          { extend: 'copy' },
+          { extend: 'csv' },
+          { extend: 'excel' },
+          { extend: 'pdf' },
+          { extend: 'print' },
+          { extend: 'colvis' }
+        ],
+      }
+    },
+    ajax: {
+      url: '/presupuesto/datatable/anonimos',
+      method: 'GET',
+      data: function (d) {
+        d.f_encuadernacion = $('#search-encuadernacion').val() || '';   // 'USER' | 'ADMIN' | 'SUPERADMIN' | ''
+        d.f_cubierta = $('#search-cubierta').val() || '';   // 'true' | 'false' | ''
+      }
+    },
+    order: [[0, 'asc']],
+    columns: [
+      { data: 'id', name: 'id', orderable: true },
+      { data: 'cliente', name: 'cliente', orderable: true },
+      { data: 'tipoEncuadernacion', name: 'tipoEncuadernacion', orderable: true },
+      { data: 'tipoCubierta', name: 'tipoCubierta', orderable: true },
+      { data: 'tipoImpresion', name: 'tipoImpresion', orderable: true },
+      { data: 'tirada', name: 'tirada', orderable: true },
+      { data: 'paginas', name: 'paginas', orderable: true },
+      { data: 'estado', name: 'estado', orderable: true },
+      { data: 'total', name: 'total', orderable: true },
+      { data: 'pais', name: 'pais', orderable: true },
+      { data: 'region', name: 'region', orderable: true },
+      { data: 'ciudad', name: 'ciudad', orderable: true },
+      { data: 'updatedAt', name: 'updatedAt', orderable: true },
+      { data: 'actions', name: 'actions' }
+    ],
+    columnDefs: [{ targets: -1, orderable: false, searchable: false }]
+  });
+
+  
+
+})();

src/main/resources/static/assets/js/pages/imprimelibros/users/list.js

@@ -19,6 +19,22 @@ $(() => {
     pageLength: 50,
     language: { url: '/assets/libs/datatables/i18n/' + language + '.json' },
     responsive: true,
+    dom: 'Bfrtip',
+    buttons: {
+      dom: {
+        button: {
+          className: 'btn btn-sm btn-outline-primary me-1'
+        },
+        buttons: [
+          { extend: 'copy' },
+          { extend: 'csv' },
+          { extend: 'excel' },
+          { extend: 'pdf' },
+          { extend: 'print' },
+          { extend: 'colvis' }
+        ],
+      }
+    },
     ajax: {
       url: '/users/datatable',
       method: 'GET',

src/main/resources/static/assets/libs/datatables/buttons.colVis.min.js

@@ -0,0 +1,5 @@
+/*!
+ * Column visibility buttons for Buttons and DataTables.
+ * © SpryMedia Ltd - datatables.net/license
+ */
+!function(i){var o,e;"function"==typeof define&&define.amd?define(["jquery","datatables.net","datatables.net-buttons"],function(n){return i(n,window,document)}):"object"==typeof exports?(o=require("jquery"),e=function(n,t){t.fn.dataTable||require("datatables.net")(n,t),t.fn.dataTable.Buttons||require("datatables.net-buttons")(n,t)},"undefined"==typeof window?module.exports=function(n,t){return n=n||window,t=t||o(n),e(n,t),i(t,0,n.document)}:(e(window,o),module.exports=i(o,window,window.document))):i(jQuery,window,document)}(function(n,t,i){"use strict";var e=n.fn.dataTable;return n.extend(e.ext.buttons,{colvis:function(n,t){var i=null,o={extend:"collection",init:function(n,t){i=t},text:function(n){return n.i18n("buttons.colvis","Column visibility")},className:"buttons-colvis",closeButton:!1,buttons:[{extend:"columnsToggle",columns:t.columns,columnText:t.columnText}]};return n.on("column-reorder.dt"+t.namespace,function(){n.button(null,n.button(null,i).node()).collectionRebuild([{extend:"columnsToggle",columns:t.columns,columnText:t.columnText}])}),o},columnsToggle:function(n,t){return n.columns(t.columns).indexes().map(function(n){return{extend:"columnToggle",columns:n,columnText:t.columnText}}).toArray()},columnToggle:function(n,t){return{extend:"columnVisibility",columns:t.columns,columnText:t.columnText}},columnsVisibility:function(n,t){return n.columns(t.columns).indexes().map(function(n){return{extend:"columnVisibility",columns:n,visibility:t.visibility,columnText:t.columnText}}).toArray()},columnVisibility:{columns:void 0,text:function(n,t,i){return i._columnText(n,i)},className:"buttons-columnVisibility",action:function(n,t,i,o){var t=t.columns(o.columns),e=t.visible();t.visible(void 0!==o.visibility?o.visibility:!(e.length&&e[0]))},init:function(e,n,t){var u=this,l=e.column(t.columns);n.attr("data-cv-idx",t.columns),e.on("column-visibility.dt"+t.namespace,function(n,t,i,o){l.index()!==i||t.bDestroying||t.nTable!=e.settings()[0].nTable||u.active(o)}).on("column-reorder.dt"+t.namespace,function(){t.destroying||1===e.columns(t.columns).count()&&(l=e.column(t.columns),u.text(t._columnText(e,t)),u.active(l.visible()))}),this.active(l.visible())},destroy:function(n,t,i){n.off("column-visibility.dt"+i.namespace).off("column-reorder.dt"+i.namespace)},_columnText:function(n,t){var i,o;return"string"==typeof t.text?t.text:(o=n.column(t.columns).title(),i=n.column(t.columns).index(),o=o.replace(/\n/g," ").replace(/<br\s*\/?>/gi," ").replace(/<select(.*?)<\/select\s*>/gi,""),o=e.Buttons.stripHtmlComments(o),o=e.util.stripHtml(o).trim(),t.columnText?t.columnText(n,i,o):o)}},colvisRestore:{className:"buttons-colvisRestore",text:function(n){return n.i18n("buttons.colvisRestore","Restore visibility")},init:function(n,t,i){n.columns().every(function(){var n=this.init();void 0===n.__visOriginal&&(n.__visOriginal=this.visible())})},action:function(n,t,i,o){t.columns().every(function(n){var t=this.init();this.visible(t.__visOriginal)})}},colvisGroup:{className:"buttons-colvisGroup",action:function(n,t,i,o){t.columns(o.show).visible(!0,!1),t.columns(o.hide).visible(!1,!1),t.columns.adjust()},show:[],hide:[]}}),e});

src/main/resources/static/assets/libs/datatables/buttons.print.min.js

@@ -0,0 +1,5 @@
+/*!
+ * Print button for Buttons and DataTables.
+ * © SpryMedia Ltd - datatables.net/license
+ */
+!function(n){var o,r;"function"==typeof define&&define.amd?define(["jquery","datatables.net","datatables.net-buttons"],function(t){return n(t,window,document)}):"object"==typeof exports?(o=require("jquery"),r=function(t,e){e.fn.dataTable||require("datatables.net")(t,e),e.fn.dataTable.Buttons||require("datatables.net-buttons")(t,e)},"undefined"==typeof window?module.exports=function(t,e){return t=t||window,e=e||o(t),r(t,e),n(e,t,t.document)}:(r(window,o),module.exports=n(o,window,window.document))):n(jQuery,window,document)}(function(p,f,t){"use strict";function m(t){return n.href=t,-1===(t=n.host).indexOf("/")&&0!==n.pathname.indexOf("/")&&(t+="/"),n.protocol+"//"+t+n.pathname+n.search}var e=p.fn.dataTable,n=t.createElement("a");return e.ext.buttons.print={className:"buttons-print",text:function(t){return t.i18n("buttons.print","Print")},action:function(t,e,n,o,r){var a=e.buttons.exportData(p.extend({decodeEntities:!1},o.exportOptions)),i=e.buttons.exportInfo(o),s=e.columns(o.exportOptions.columns).nodes().map(function(t){return t.className}).toArray(),u='<table class="'+e.table().node().className+'">';o.header&&(u+="<thead>"+a.headerStructure.map(function(t){return"<tr>"+t.map(function(t){return t?'<th colspan="'+t.colspan+'" rowspan="'+t.rowspan+'">'+t.title+"</th>":""}).join("")+"</tr>"}).join("")+"</thead>"),u+="<tbody>";for(var c=0,d=a.body.length;c<d;c++)u+=function(t,e){for(var n="<tr>",o=0,r=t.length;o<r;o++){var a=null===t[o]||void 0===t[o]?"":t[o];n+="<"+e+" "+(s[o]?'class="'+s[o]+'"':"")+">"+a+"</"+e+">"}return n+"</tr>"}(a.body[c],"td");u+="</tbody>",o.footer&&a.footer&&(u+="<tfoot>"+a.footerStructure.map(function(t){return"<tr>"+t.map(function(t){return t?'<th colspan="'+t.colspan+'" rowspan="'+t.rowspan+'">'+t.title+"</th>":""}).join("")+"</tr>"}).join("")+"</tfoot>"),u+="</table>";var l=f.open("","");l?(l.document.close(),l.document.title=i.title,p('style, link[rel="stylesheet"]').each(function(){var t=this.cloneNode(!0);"link"===t.tagName.toLowerCase()&&(t.href=m(t.href)),l.document.head.appendChild(t)}),o.customScripts&&o.customScripts.forEach(function(t){var e=l.document.createElement("script");e.src=t,l.document.getElementsByTagName("head")[0].appendChild(e)}),l.document.body.innerHTML="<h1>"+i.title+"</h1><div>"+(i.messageTop||"")+"</div>"+u+"<div>"+(i.messageBottom||"")+"</div>",p(l.document.body).addClass("dt-print-view"),p("img",l.document.body).each(function(t,e){e.setAttribute("src",m(e.getAttribute("src")))}),o.customize&&o.customize(l,o,e),l.setTimeout(function(){o.autoPrint&&(l.print(),l.close())},1e3),r()):e.buttons.info(e.i18n("buttons.printErrorTitle","Unable to open print view"),e.i18n("buttons.printErrorMsg","Please allow popups in your browser for this site to be able to view the print view."),5e3)},async:100,title:"*",messageTop:"*",messageBottom:"*",exportOptions:{},header:!0,footer:!0,autoPrint:!0,customize:null},e});