haciendo datatables de los pagos

2026-01-24 09:40:21 +00:00 · 2025-11-04 22:03:03 +01:00
parent dc64e40e38
commit ed32f773a4
23 changed files with 434 additions and 37 deletions
--- a/src/main/resources/static/assets/js/pages/imprimelibros/pagos/pagos.js
+++ b/src/main/resources/static/assets/js/pages/imprimelibros/pagos/pagos.js
@ -1,3 +1,60 @@
-$(()=>{
-    
+$(() => {
+
+    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 = new DataTable('#pagos-redsys-datatable', {
+        processing: true,
+        serverSide: true,
+        orderCellsTop: true,
+        pageLength: 50,
+        language: { url: '/assets/libs/datatables/i18n/' + language + '.json' },
+        responsive: true,
+        dom: 'lrBtip',
+        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: '/pagos/datatable/redsys',
+            method: 'GET',
+        },
+        order: [[4, 'asc']], // Ordena por fecha por defecto
+        columns: [
+            { data: 'client', name: 'user.fullName', orderable: true },
+            { data: 'gateway_order_id', name: 'payments.gateway_order_id', orderable: true },
+            { data: 'orderId', name: 'order.id', orderable: true },
+            { data: 'amount_cents', name: 'amount_cents', orderable: true },
+            { data: 'created_at', name: 'created_at', orderable: true },
+            { data: 'actions', name: 'actions' }
+        ],
+        columnDefs: [{ targets: -1, orderable: false, searchable: false }]
+    });
+
 })