From 370b6714bca68364251c564623b8a108f1dd9352 Mon Sep 17 00:00:00 2001
From: Juan Pablo Vial <jpvialb@incoviba.cl>
Date: Tue, 27 Feb 2024 16:49:39 -0300
Subject: [PATCH] Excel button in datatables

---
 .../layout/body/scripts/datatables.blade.php  |  5 ++--
 .../body/scripts/datatables/buttons.blade.php |  9 +++++++
 .../layout/head/styles/datatables.blade.php   |  2 +-
 .../head/styles/datatables/buttons.blade.php  |  3 +++
 .../views/ventas/pies/cuotas.blade.php        | 26 ++++++++++++++-----
 5 files changed, 36 insertions(+), 9 deletions(-)
 create mode 100644 app/resources/views/layout/body/scripts/datatables/buttons.blade.php
 create mode 100644 app/resources/views/layout/head/styles/datatables/buttons.blade.php

diff --git a/app/resources/views/layout/body/scripts/datatables.blade.php b/app/resources/views/layout/body/scripts/datatables.blade.php
index 980cdf7..d33c940 100644
--- a/app/resources/views/layout/body/scripts/datatables.blade.php
+++ b/app/resources/views/layout/body/scripts/datatables.blade.php
@@ -1,4 +1,5 @@
 @push('page_scripts')
-    <script type="text/javascript" src="https://cdn.datatables.net/1.13.5/js/jquery.dataTables.min.js"></script>
-    <script type="text/javascript" src="https://cdn.datatables.net/1.13.5/js/dataTables.semanticui.min.js"></script>
+    {{--<script type="text/javascript" src="https://cdn.datatables.net/2.0.1/js/jquery.dataTables.min.js"></script>--}}
+    <script type="text/javascript" src="https://cdn.datatables.net/2.0.1/js/dataTables.min.js"></script>
+    <script src="https://cdn.datatables.net/2.0.1/js/dataTables.semanticui.min.js"></script>
 @endpush
diff --git a/app/resources/views/layout/body/scripts/datatables/buttons.blade.php b/app/resources/views/layout/body/scripts/datatables/buttons.blade.php
new file mode 100644
index 0000000..95b744e
--- /dev/null
+++ b/app/resources/views/layout/body/scripts/datatables/buttons.blade.php
@@ -0,0 +1,9 @@
+@push('page_scripts')
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.9/pdfmake.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script src="https://cdn.datatables.net/buttons/3.0.0/js/dataTables.buttons.min.js"></script>
+    <script src="https://cdn.datatables.net/buttons/3.0.0/js/buttons.semanticui.min.js"></script>
+    <script src="https://cdn.datatables.net/buttons/3.0.0/js/buttons.colVis.min.js"></script>
+    <script src="https://cdn.datatables.net/buttons/3.0.0/js/buttons.html5.min.js"></script>
+    <script src="https://cdn.datatables.net/buttons/3.0.0/js/buttons.print.min.js"></script>
+@endpush
diff --git a/app/resources/views/layout/head/styles/datatables.blade.php b/app/resources/views/layout/head/styles/datatables.blade.php
index a5dcca3..f46671d 100644
--- a/app/resources/views/layout/head/styles/datatables.blade.php
+++ b/app/resources/views/layout/head/styles/datatables.blade.php
@@ -1,3 +1,3 @@
 @push('page_styles')
-    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/dataTables.semanticui.min.css" />
+    <link rel="stylesheet" href="https://cdn.datatables.net/2.0.1/css/dataTables.semanticui.min.css" />
 @endpush
diff --git a/app/resources/views/layout/head/styles/datatables/buttons.blade.php b/app/resources/views/layout/head/styles/datatables/buttons.blade.php
new file mode 100644
index 0000000..d8e6547
--- /dev/null
+++ b/app/resources/views/layout/head/styles/datatables/buttons.blade.php
@@ -0,0 +1,3 @@
+@push('page_styles')
+    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/3.0.0/css/buttons.semanticui.min.css" />
+@endpush
diff --git a/app/resources/views/ventas/pies/cuotas.blade.php b/app/resources/views/ventas/pies/cuotas.blade.php
index e55e961..64ebb57 100644
--- a/app/resources/views/ventas/pies/cuotas.blade.php
+++ b/app/resources/views/ventas/pies/cuotas.blade.php
@@ -136,7 +136,10 @@
     </table>
 @endsection
 
+@include('layout.head.styles.datatables')
+@include('layout.head.styles.datatables.buttons')
 @include('layout.body.scripts.datatables')
+@include('layout.body.scripts.datatables.buttons')
 
 @push('page_scripts')
     <script type="text/javascript">
@@ -210,11 +213,6 @@
                             return
                         }
                         updateRow({pago_id: json.pago_id, fecha: json.fecha, estado: 'Anulado', color: 'red', remove_fecha: true, disable: true})
-                        /*const tr = $("button[data-id='" + json.pago_id + "']").parent().parent()
-                        tr.addClass('disabled')
-                        tr.find(':nth-child(7)').addClass('red').html('Anulado')
-                        tr.find(':nth-child(8)').html(json.fecha)
-                        tr.find(':nth-child(9)').html('')*/
                     })
                 })
             }
@@ -296,7 +294,23 @@
                 order: [
                     [0, 'asc'],
                     [2, 'asc']
-                ]
+                ],
+                layout: {
+                    top2End: {
+                        buttons: [
+                            {
+                                extend: 'excel',
+                                className: 'green',
+                                text: 'Exportar a Excel <i class="file excel icon"></i>',
+                                title: 'Cuotas - {{$venta->proyecto()->descripcion}} - {{$venta->propiedad()->summary()}}',
+                                download: 'open',
+                                exportOptions: {
+                                    columns: ':visible'
+                                }
+                            }
+                        ]
+                    }
+                }
             })
         })
     </script>