Terminada funcionalidad eliminar basada en Modal y SweetAlert. Aplicada a tarifas, papeles y maquinas existentes

ci4/app/Config/Routes.php

@@ -328,6 +328,7 @@ $routes->group('cliente', ['namespace' => 'App\Controllers\Clientes'], function
     $routes->post('create', 'Cliente::create', ['as' => 'ajaxCreateCliente']);
     $routes->put('(:num)/update', 'Cliente::update/$1', ['as' => 'ajaxUpdateCliente']);
     $routes->post('(:num)/edit', 'Cliente::edit/$1', ['as' => 'updateCliente']);
+    $routes->get('delete/(:num)', 'Cliente::delete/$1', ['as' => 'deleteCliente']);
     $routes->post('datatable', 'Cliente::datatable', ['as' => 'dataTableOfClientes']);
     $routes->post('allmenuitems', 'Cliente::allItemsSelect', ['as' => 'select2ItemsOfClientes']);
     $routes->post('menuitems', 'Cliente::menuItems', ['as' => 'menuItemsOfClientes']);

ci4/app/Controllers/Clientes/Cliente.php

@@ -41,6 +41,12 @@ class Cliente extends \App\Controllers\GoBaseResourceController {
         $this->viewData['pageTitle'] = lang('Clientes.moduleTitle');
         $this->viewData['usingSweetAlert'] = true;
 
+        // Se indica que este controlador trabaja con soft_delete
+        $this->soft_delete = true;
+        // Se indica el flag para los ficheros borrados
+        $this->delete_flag = 1;
+
+
         // Breadcrumbs (IMN)
         $this->viewData['breadcrumb'] = [
             ['title' => lang("App.menu_clientes"), 'route' => "", 'active' => false],
@@ -68,8 +74,7 @@ class Cliente extends \App\Controllers\GoBaseResourceController {
 
 
     public function add() {
-        
+
-        
 
         $requestMethod = $this->request->getMethod();
 

ci4/app/Views/themes/_commonPartialsBs/_confirm2delete.php

@@ -13,7 +13,7 @@
                 <div class="modal-footer">
                     <button type="button" class="btn btn-default"
                             data-bs-dismiss="modal"><?= lang('Basic.global.deleteConfirmationCancel') ?></button>
-                    <a class="btn btn-danger btn-confirm btn-remove"><?= lang('Basic.global.deleteConfirmationButton') ?></a>
+                    <a href="javascript:void(0);" class="btn btn-danger btn-confirm btn-remove"><?= lang('Basic.global.deleteConfirmationButton') ?></a>
                 </div><!--//.modal-footer -->
             </div><!--//.modal-content -->
         </div><!--//.modal-dialog -->

ci4/app/Views/themes/backend/vuexy/form/clientes/cliente/viewClienteList.php

@@ -1,8 +1,9 @@
-<?=$this->include('themes/_commonPartialsBs/select2bs5') ?>
+<?= $this->include('themes/_commonPartialsBs/select2bs5') ?>
-<?=$this->include('themes/_commonPartialsBs/datatables') ?>
+<?= $this->include('themes/_commonPartialsBs/datatables') ?>
-<?=$this->include('themes/_commonPartialsBs/sweetalert') ?>
+<?= $this->include('themes/_commonPartialsBs/_confirm2delete') ?>
-<?=$this->extend('themes/backend/vuexy/main/defaultlayout') ?>
+<?= $this->extend('themes/backend/vuexy/main/defaultlayout') ?>
-<?=$this->section('content');  ?>
+
+<?= $this->section('content');  ?>
 <div class="row">
     <div class="col-md-12">
         <div class="card card-info">
@@ -46,8 +47,8 @@
         return `
             <td class="text-right py-0 align-middle">
                 <div class="btn-group btn-group-sm">
-                    <i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i>
+                    <a href="javascript:void(0);"><i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i></a>
-                    <i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}"></i>
+                    <a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a>
                 </div>
             </td>`;
     };
@@ -101,47 +102,30 @@
 
 
     $(document).on('click', '.btn-edit', function(e) {
-        //window.location.href = `<?= site_url('/cliente/edit') ?>/${$(this).attr('data-id')}/edit`;
         window.location.href = `/clientes/cliente/edit/${$(this).attr('data-id')}`;
     });
-    
-    $(document).on('click', '.btn-delete', function(e) {
-        Swal.fire({
-            title: '<?= lang('Basic.global.sweet.sureToDeleteTitle', [mb_strtolower(lang('Clientes.cliente'))]) ?>',
-            text: '<?= lang('Basic.global.sweet.sureToDeleteText') ?>',
-            icon: 'warning',
-            showCancelButton: true,
-            confirmButtonColor: '#3085d6',
-            confirmButtonText: '<?= lang('Basic.global.sweet.deleteConfirmationButton') ?>',
-            cancelButtonText: '<?= lang('Basic.global.Cancel') ?>',
-            cancelButtonColor: '#d33'
-        })
-        .then((result) => {
-            const dataId = $(this).data('id');
-            const row = $(this).closest('tr');
-            if (result.value) {
-                $.ajax({
-                    url: `<?= route_to('clienteList') ?>/${dataId}`,
-                    method: 'DELETE',
-                }).done((data, textStatus, jqXHR) => {
-                    Toast.fire({
-                        icon: 'success',
-                        title: data.msg ?? jqXHR.statusText,
-                    });
-                    
-                    theTable.clearPipeline();
-                    theTable.row($(row)).invalidate().draw();
-                }).fail((jqXHR, textStatus, errorThrown) => {
-                    Toast.fire({
-                        icon: 'error',
-                        title: jqXHR.responseJSON.messages.error,
-                    });
-                })
-            }
-        });
-    });
-    
 
+    $(document).on('click', '.btn-delete', function(e) {
+        $(".btn-remove").attr('data-id', $(this).attr('data-id'));
+    });
+
+    $(document).on('click', '.btn-remove', function(e) {
+        const dataId = $(this).attr('data-id');
+        const row = $(this).closest('tr');
+        if ($.isNumeric(dataId)) {
+            $.ajax({
+                url: `/clientes/cliente/delete/${dataId}`,
+                method: 'GET',
+            }).done((data, textStatus, jqXHR) => {
+                $('#confirm2delete').modal('toggle');
+                theTable.clearPipeline();
+                theTable.row($(row)).invalidate().draw();
+                popSuccessAlert(data.msg ?? jqXHR.statusText);
+            }).fail((jqXHR, textStatus, errorThrown) => {
+                popErrorAlert(jqXHR.responseJSON.messages.error)
+            })
+        }
+    });
     
 <?=$this->endSection() ?>
 

ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/viewMaquinaList.php

@@ -1,8 +1,9 @@
-<?=$this->include('themes/_commonPartialsBs/select2bs5') ?>
+<?= $this->include('themes/_commonPartialsBs/select2bs5') ?>
-<?=$this->include('themes/_commonPartialsBs/datatables') ?>
+<?= $this->include('themes/_commonPartialsBs/datatables') ?>
-<?=$this->include('themes/_commonPartialsBs/sweetalert') ?>
+<?= $this->include('themes/_commonPartialsBs/_confirm2delete') ?>
 <?= $this->extend('themes/backend/vuexy/main/defaultlayout') ?>
-<?=$this->section('content');  ?>
+
+<?= $this->section('content');  ?>
 <div class="row">
     <div class="col-md-12">
 
@@ -49,25 +50,26 @@
 
 <?=$this->section('additionalInlineJs') ?>
     
-            const lastColNr = $('#tableOfMaquinas').find("tr:first th").length - 1;
+    const lastColNr = $('#tableOfMaquinas').find("tr:first th").length - 1;
-            const actionBtns = function(data) {
+    const actionBtns = function(data) {
-                return `<td class="text-right py-0 align-middle">
+        return `
-                        <div class="btn-group btn-group-sm">
+            <td class="text-right py-0 align-middle">
-                        <i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i>
+                <div class="btn-group btn-group-sm">
-                    <i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}"></i>
+                    <a href="javascript:void(0);"><i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i></a>
-                        </div>
+                    <a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a>
-                        </td>`;
+                </div>
-            };
+            </td>`;
-            theTable = $('#tableOfMaquinas').DataTable({
+    };
-                processing: true,
+    theTable = $('#tableOfMaquinas').DataTable({
-                serverSide: true,
+        processing: true,
-                autoWidth: true,
+        serverSide: true,
-                responsive: true,
+        autoWidth: true,
-                scrollX: true,
+        responsive: true,
-                lengthMenu: [ 5, 10, 25, 50, 75, 100, 250, 500, 1000, 2500 ],
+        scrollX: true,
-                pageLength: 10,
+        lengthMenu: [ 5, 10, 25, 50, 75, 100, 250, 500, 1000, 2500 ],
-                lengthChange: true,
+        pageLength: 10,
-                "dom": 'lfBrtip', 
+        lengthChange: true,
+        "dom": 'lfBrtip',
 		"buttons": [
 			'copy', 'csv', 'excel', 'print', {
 				extend: 'pdfHtml5',
@@ -75,98 +77,76 @@
 				pageSize: 'A4'
 			}
 		],
-                stateSave: true,
+        stateSave: true,
-                order: [[0, 'asc']],
+        order: [[0, 'asc']],
-                language: {
+        language: {
-                    url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
+            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
-                },
+        },
-                ajax : $.fn.dataTable.pipeline( {
+        ajax : $.fn.dataTable.pipeline( {
-                    url: '<?= route_to('dataTableOfMaquinas') ?>',
+            url: '<?= route_to('dataTableOfMaquinas') ?>',
-                    method: 'POST',
+            method: 'POST',
-                    headers: {'X-Requested-With': 'XMLHttpRequest'},
+            headers: {'X-Requested-With': 'XMLHttpRequest'},
-                    async: true,
+            async: true,
-                }),
+        }),
-                columnDefs: [
+        columnDefs: [
-                    {
+            {
-                        orderable: false,
+                orderable: false,
-                        searchable: false,
+                searchable: false,
-                        targets: [lastColNr]
+                targets: [lastColNr]
-                    }
-                ],
-                columns : [
-                    { 'data': 'nombre' },
-					{ 'data': 'padre' },
-					{ 'data': 'tipo' },
-					{ 'data': 'velocidad' },
-					{ 'data': 'duracion_jornada' },
-					{ 'data': 'ancho' },
-					{ 'data': 'alto' },
-					{ 'data': 'ancho_impresion' },
-					{ 'data': 'alto_impresion' },
-					{ 'data': 'orden_planning' },
-                    { 'data': 'min' },
-					{ 'data': 'max' },
-                    { 'data': actionBtns }
-                ]
-            });
-
-    
-        theTable.on( 'draw.dt', function () {
-                const boolCols = [];
-            for (let coln of boolCols) {
-                theTable.column(coln, { page: 'current' }).nodes().each( function (cell, i) {
-                    cell.innerHTML = cell.innerHTML == '1' ? '<i class="text-success bi bi-check-lg"></i>' : '';
-                });
             }
-        
+        ],
+        columns : [
+            { 'data': 'nombre' },
+            { 'data': 'padre' },
+            { 'data': 'tipo' },
+            { 'data': 'velocidad' },
+            { 'data': 'duracion_jornada' },
+            { 'data': 'ancho' },
+            { 'data': 'alto' },
+            { 'data': 'ancho_impresion' },
+            { 'data': 'alto_impresion' },
+            { 'data': 'orden_planning' },
+            { 'data': 'min' },
+            { 'data': 'max' },
+            { 'data': actionBtns }
+        ]
     });
 
-$(document).on('click', '.btn-edit', function(e) {
+    
-        //window.location.href = `<?= route_to('maquinaList') ?>/${$(this).attr('data-id')}/edit`;
+    theTable.on( 'draw.dt', function () {
+        const boolCols = [];
+        for (let coln of boolCols) {
+            theTable.column(coln, { page: 'current' }).nodes().each( function (cell, i) {
+                cell.innerHTML = cell.innerHTML == '1' ? '<i class="text-success bi bi-check-lg"></i>' : '';
+            });
+        }
+    });
+
+    $(document).on('click', '.btn-edit', function(e) {
         window.location.href = `/configuracion/maquinas/edit/${$(this).attr('data-id')}`;
     });
-    
-$(document).on('click', '.btn-delete', function(e) {
-        Swal.fire({
-            title: '<?= lang('Basic.global.sweet.sureToDeleteTitle', [mb_strtolower(lang('Maquinas.maquina'))]) ?>',
-            text: '<?= lang('Basic.global.sweet.sureToDeleteText') ?>',
-            icon: 'warning',
-            showCancelButton: true,
-            confirmButtonColor: '#3085d6',
-            confirmButtonText: '<?= lang('Basic.global.sweet.deleteConfirmationButton') ?>',
-            cancelButtonText: '<?= lang('Basic.global.Cancel') ?>',
-            cancelButtonColor: '#d33'
-        })
-        .then((result) => {
-            const dataId = $(this).data('id');
-            const row = $(this).closest('tr');
-            if (result.value) {
-                $.ajax({
-                    //url: `<?= route_to('maquinaList') ?>/${dataId}`,
-                    //method: 'DELETE',
-                    url: `/configuracion/maquinas/delete/${dataId}`,
-                    method: 'GET',
-                }).done((data, textStatus, jqXHR) => {
-                    Toast.fire({
-                        icon: 'success',
-                        title: data.msg ?? jqXHR.statusText,
-                    });
-                    
-                    theTable.clearPipeline();
-                    theTable.row($(row)).invalidate().draw();
-                }).fail((jqXHR, textStatus, errorThrown) => {
-                    Toast.fire({
-                        icon: 'error',
-                        title: jqXHR.responseJSON.messages.error,
-                    });
-                })
-            }
-        });
-    });
-                                
-    
 
-    
+    $(document).on('click', '.btn-delete', function(e) {
+        $(".btn-remove").attr('data-id', $(this).attr('data-id'));
+    });
+
+    $(document).on('click', '.btn-remove', function(e) {
+        const dataId = $(this).attr('data-id');
+        const row = $(this).closest('tr');
+        if ($.isNumeric(dataId)) {
+            $.ajax({
+                url: `/configuracion/maquinas/delete/${dataId}`,
+                method: 'GET',
+            }).done((data, textStatus, jqXHR) => {
+                $('#confirm2delete').modal('toggle');
+                theTable.clearPipeline();
+                theTable.row($(row)).invalidate().draw();
+                popSuccessAlert(data.msg ?? jqXHR.statusText);
+            }).fail((jqXHR, textStatus, errorThrown) => {
+                popErrorAlert(jqXHR.responseJSON.messages.error)
+            })
+        }
+    });
 <?=$this->endSection() ?>
 
 

ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/viewMaquinaPorDefectoList.php

@@ -1,9 +1,9 @@
-<?=$this->include('themes/_commonPartialsBs/select2bs5') ?>
+<?= $this->include('themes/_commonPartialsBs/select2bs5') ?>
-<?=$this->include('themes/_commonPartialsBs/datatables') ?>
+<?= $this->include('themes/_commonPartialsBs/datatables') ?>
-<?=$this->include('themes/_commonPartialsBs/sweetalert') ?>
+<?= $this->include('themes/_commonPartialsBs/_confirm2delete') ?>
-<?=$this->extend('themes/backend/vuexy/main/defaultlayout') ?>
+<?= $this->extend('themes/backend/vuexy/main/defaultlayout') ?>
 
-<?=$this->section('content');  ?>
+<?= $this->section('content');  ?>
 <div class="row">
     <div class="col-md-12">
 
@@ -50,8 +50,8 @@
     const actionBtns = function(data) {
         return `<td class="text-right py-0 align-middle">
                     <div class="btn-group btn-group-sm">
-                        <i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i>
+                        <a href="javascript:void(0);"><i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i></a>
-                        <i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}"></i>
+                        <a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a>
                     </div>
                 </td>`;
     };
@@ -120,51 +120,35 @@
     $(document).on('click', '.btn-edit', function(e) {
         window.location.href = `configuracion/maquinasdefecto/edit/${$(this).attr('data-id')}`;
     });
-    
+
     $(document).on('click', '.btn-delete', function(e) {
-        Swal.fire({
+        $(".btn-remove").attr('data-id', $(this).attr('data-id'));
-            title: '<?= lang('Basic.global.sweet.sureToDeleteTitle', [mb_strtolower(lang('MaquinasPorDefecto.maquinadefecto'))]) ?>',
-            text: '<?= lang('Basic.global.sweet.sureToDeleteText') ?>',
-            icon: 'warning',
-            showCancelButton: true,
-            confirmButtonColor: '#3085d6',
-            confirmButtonText: '<?= lang('Basic.global.sweet.deleteConfirmationButton') ?>',
-            cancelButtonText: '<?= lang('Basic.global.Cancel') ?>',
-            cancelButtonColor: '#d33'
-        })
-        .then((result) => {
-            const dataId = $(this).data('id');
-            const row = $(this).closest('tr');
-            if (result.value) {
-                $.ajax({
-                    //url: `<?= route_to('maquinaPorDefectoList') ?>/${dataId}`,
-                    //method: 'DELETE',
-                    url: `/configuracion/maquinasdefecto/delete/${dataId}`,
-                    method: 'GET',
-                }).done((data, textStatus, jqXHR) => {
-                    Toast.fire({
-                        icon: 'success',
-                        title: data.msg ?? jqXHR.statusText,
-                    });
-                    
-                    theTable.clearPipeline();
-                    theTable.row($(row)).invalidate().draw();
-                }).fail((jqXHR, textStatus, errorThrown) => {
-                    Toast.fire({
-                        icon: 'error',
-                        title: jqXHR.responseJSON.messages.error,
-                    });
-                })
-            }
-        });
     });
-    
+
-<?=$this->endSection() ?>
+    $(document).on('click', '.btn-remove', function(e) {
+        const dataId = $(this).attr('data-id');
+        const row = $(this).closest('tr');
+        if ($.isNumeric(dataId)) {
+            $.ajax({
+                url: `/configuracion/maquinasdefecto/delete/${dataId}`,
+                method: 'GET',
+            }).done((data, textStatus, jqXHR) => {
+                $('#confirm2delete').modal('toggle');
+                theTable.clearPipeline();
+                theTable.row($(row)).invalidate().draw();
+                popSuccessAlert(data.msg ?? jqXHR.statusText);
+            }).fail((jqXHR, textStatus, errorThrown) => {
+                popErrorAlert(jqXHR.responseJSON.messages.error)
+            })
+        }
+    });
+
+<?= $this->endSection() ?>
 
 
-<?=$this->section('css') ?>
+<?= $this->section('css') ?>
     <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.3/css/buttons.bootstrap5.min.css">
-<?=$this->endSection() ?>
+<?= $this->endSection() ?>
 
 <?= $this->section('additionalExternalJs') ?>
     <script src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"></script>
@@ -174,5 +158,5 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.0/jszip.min.js" integrity="sha512-xcHCGC5tQ0SHlRX8Anbz6oy/OullASJkEhb4gjkneVpGE3/QGYejf14CUO5n5q5paiHfRFTa9HKgByxzidw2Bw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.5/pdfmake.min.js" integrity="sha512-rDbVu5s98lzXZsmJoMa0DjHNE+RwPJACogUCLyq3Xxm2kJO6qsQwjbE5NDk2DqmlKcxDirCnU1wAzVLe12IM3w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.5/vfs_fonts.js" integrity="sha512-cktKDgjEiIkPVHYbn8bh/FEyYxmt4JDJJjOCu5/FQAkW4bc911XtKYValiyzBiJigjVEvrIAyQFEbRJZyDA1wQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<?=$this->endSection() ?>
+<?= $this->endSection() ?>
 

ci4/app/Views/themes/backend/vuexy/form/configuracion/papel/viewPapelGenericoList.php

@@ -1,10 +1,10 @@
-<?=$this->include('themes/_commonPartialsBs/datatables') ?>
+<?= $this->include('themes/_commonPartialsBs/datatables') ?>
-<?=$this->include('themes/_commonPartialsBs/sweetalert') ?>
+<?= $this->include('themes/_commonPartialsBs/_confirm2delete') ?>
-<?=$this->extend('themes/backend/vuexy/main/defaultlayout') ?>
+<?= $this->extend('themes/backend/vuexy/main/defaultlayout') ?>
-<?=$this->section('content');  ?>
+
+<?= $this->section('content');  ?>
 <div class="row">
     <div class="col-md-12">
-
         <div class="card card-info">
             <div class="card-header">
                 <h3 class="card-title"><?=lang('PapelGenerico.papelGenericoList') ?></h3>
@@ -29,7 +29,6 @@
 					</table>
             </div><!--//.card-body -->
             <div class="card-footer">
-				
             </div><!--//.card-footer -->
         </div><!--//.card -->
     </div><!--//.col -->
@@ -41,13 +40,15 @@
 <?=$this->section('additionalInlineJs') ?>
     const lastColNr = $('#tableOfPapelesgenericos').find("tr:first th").length - 1;
     const actionBtns = function(data) {
-        return `<td class="text-right py-0 align-middle">
+        return `
-                            <div class="btn-group btn-group-sm">
+            <td class="text-right py-0 align-middle">
-                                <i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i>
+                <div class="btn-group btn-group-sm">
-                                <i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}"></i>
+                    <a href="javascript:void(0);"><i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i></a>
-                            </div>
+                    <a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a>
-                            </td>`;
+                </div>
+            </td>`;
     };
+
     theTable = $('#tableOfPapelesgenericos').DataTable({
         processing: true,
         serverSide: true,
@@ -105,53 +106,37 @@
     });
 
     $(document).on('click', '.btn-edit', function(e) {
-        //window.location.href = `<?= route_to('papelGenericoList') ?>/edit/${$(this).attr('data-id')}`;
         window.location.href = `/configuracion/papelesgenericos/edit/${$(this).attr('data-id')}`;
     });
 
     $(document).on('click', '.btn-delete', function(e) {
-        Swal.fire({
+        $(".btn-remove").attr('data-id', $(this).attr('data-id'));
-            title: '<?= lang('Basic.global.sweet.sureToDeleteTitle', [mb_strtolower(lang('PapelGenerico.papel generico'))]) ?>',
-            text: '<?= lang('Basic.global.sweet.sureToDeleteText') ?>',
-            icon: 'warning',
-            showCancelButton: true,
-            confirmButtonColor: '#3085d6',
-            confirmButtonText: '<?= lang('Basic.global.sweet.deleteConfirmationButton') ?>',
-            cancelButtonText: '<?= lang('Basic.global.Cancel') ?>',
-            cancelButtonColor: '#d33'
-        })
-            .then((result) => {
-                const dataId = $(this).data('id');
-                const row = $(this).closest('tr');
-                if (result.value) {
-                    $.ajax({
-                        //url: `<?= route_to('papelGenericoList') ?>/${dataId}`,
-                        //method: 'DELETE',
-                        url: `/configuracion/papelesgenericos/delete/${dataId}`,
-                        method: 'GET',
-                    }).done((data, textStatus, jqXHR) => {
-                        Toast.fire({
-                            icon: 'success',
-                            title: data.msg ?? jqXHR.statusText,
-                        });
-
-                        theTable.clearPipeline();
-                        theTable.row($(row)).invalidate().draw();
-                    }).fail((jqXHR, textStatus, errorThrown) => {
-                        Toast.fire({
-                            icon: 'error',
-                            title: jqXHR.responseJSON.messages.error,
-                        });
-                    })
-                }
-            });
     });
-<?=$this->endSection() ?>
+
+    $(document).on('click', '.btn-remove', function(e) {
+        const dataId = $(this).attr('data-id');
+        const row = $(this).closest('tr');
+        if ($.isNumeric(dataId)) {
+            $.ajax({
+                url: `/configuracion/papelesgenericos/delete/${dataId}`,
+                method: 'GET',
+            }).done((data, textStatus, jqXHR) => {
+                $('#confirm2delete').modal('toggle');
+                theTable.clearPipeline();
+                theTable.row($(row)).invalidate().draw();
+                popSuccessAlert(data.msg ?? jqXHR.statusText);
+            }).fail((jqXHR, textStatus, errorThrown) => {
+                popErrorAlert(jqXHR.responseJSON.messages.error)
+            })
+        }
+    });
+
+<?= $this->endSection() ?>
 
 
-<?=$this->section('css') ?>
+<?= $this->section('css') ?>
     <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.3/css/buttons.bootstrap5.min.css">
-<?=$this->endSection() ?>
+<?= $this->endSection() ?>
 
 
 <?= $this->section('additionalExternalJs') ?>
@@ -162,5 +147,5 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.0/jszip.min.js" integrity="sha512-xcHCGC5tQ0SHlRX8Anbz6oy/OullASJkEhb4gjkneVpGE3/QGYejf14CUO5n5q5paiHfRFTa9HKgByxzidw2Bw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.5/pdfmake.min.js" integrity="sha512-rDbVu5s98lzXZsmJoMa0DjHNE+RwPJACogUCLyq3Xxm2kJO6qsQwjbE5NDk2DqmlKcxDirCnU1wAzVLe12IM3w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.5/vfs_fonts.js" integrity="sha512-cktKDgjEiIkPVHYbn8bh/FEyYxmt4JDJJjOCu5/FQAkW4bc911XtKYValiyzBiJigjVEvrIAyQFEbRJZyDA1wQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<?=$this->endSection() ?>
+<?= $this->endSection() ?>
 

ci4/app/Views/themes/backend/vuexy/form/configuracion/papel/viewPapelImpresionList.php

@@ -1,6 +1,6 @@
 <?=$this->include('themes/_commonPartialsBs/select2bs5') ?>
 <?=$this->include('themes/_commonPartialsBs/datatables') ?>
-<?=$this->include('themes/_commonPartialsBs/sweetalert') ?>
+<?= $this->include('themes/_commonPartialsBs/_confirm2delete') ?>
 <?= $this->extend('themes/backend/vuexy/main/defaultlayout') ?>
 
 <?=$this->section('content');  ?>
@@ -49,12 +49,13 @@
     
     const lastColNr = $('#tableOfPapelesimpresion').find("tr:first th").length - 1;
     const actionBtns = function(data) {
-        return `<td class="text-right py-0 align-middle">
+        return `
+            <td class="text-right py-0 align-middle">
                 <div class="btn-group btn-group-sm">
-                    <i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i>
+                    <a href="javascript:void(0);"><i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i></a>
-                    <i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}"></i>
+                    <a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a>
                 </div>
-                </td>`;
+            </td>`;
     };
     theTable = $('#tableOfPapelesimpresion').DataTable({
         processing: true,
@@ -107,78 +108,56 @@
     });
 
 
-theTable.on( 'draw.dt', function () {
+    theTable.on( 'draw.dt', function () {
         const boolCols = [3, 4, 5, 6, 7, 8];
-    for (let coln of boolCols) {
+        for (let coln of boolCols) {
-        theTable.column(coln, { page: 'current' }).nodes().each( function (cell, i) {
+            theTable.column(coln, { page: 'current' }).nodes().each( function (cell, i) {
-            cell.innerHTML = cell.innerHTML == '1' ? '<i class="ti ti-check"></i>' : '';
+                cell.innerHTML = cell.innerHTML == '1' ? '<i class="ti ti-check"></i>' : '';
-        });
+            });
-    }
+        }
-});
+    });
 
-$(document).on('click', '.btn-edit', function(e) {
+    $(document).on('click', '.btn-edit', function(e) {
-        //window.location.href = `<?= route_to('papelImpresionList') ?>/${$(this).attr('data-id')}/edit`;
         window.location.href = `/configuracion/papelesimpresion/edit/${$(this).attr('data-id')}`;
     });
-    
+
-$(document).on('click', '.btn-delete', function(e) {
+    $(document).on('click', '.btn-delete', function(e) {
-        Swal.fire({
+        $(".btn-remove").attr('data-id', $(this).attr('data-id'));
-            title: '<?= lang('Basic.global.sweet.sureToDeleteTitle', [mb_strtolower(lang('PapelImpresion.papel impresion'))]) ?>',
-            text: '<?= lang('Basic.global.sweet.sureToDeleteText') ?>',
-            icon: 'warning',
-            showCancelButton: true,
-            confirmButtonColor: '#3085d6',
-            confirmButtonText: '<?= lang('Basic.global.sweet.deleteConfirmationButton') ?>',
-            cancelButtonText: '<?= lang('Basic.global.Cancel') ?>',
-            cancelButtonColor: '#d33'
-        })
-        .then((result) => {
-            const dataId = $(this).data('id');
-            const row = $(this).closest('tr');
-            if (result.value) {
-                $.ajax({
-                    //url: `<?= route_to('papelImpresionList') ?>/${dataId}`,
-                    //method: 'DELETE',
-                    url: `/configuracion/papelesimpresion/delete/${dataId}`,
-                    method: 'GET',
-                }).done((data, textStatus, jqXHR) => {
-                    Toast.fire({
-                        icon: 'success',
-                        title: data.msg ?? jqXHR.statusText,
-                    });
-                    
-                    theTable.clearPipeline();
-                    theTable.row($(row)).invalidate().draw();
-                }).fail((jqXHR, textStatus, errorThrown) => {
-                    Toast.fire({
-                        icon: 'error',
-                        title: jqXHR.responseJSON.messages.error,
-                    });
-                })
-            }
-        });
     });
-                                
-    
 
-    
+    $(document).on('click', '.btn-remove', function(e) {
-<?=$this->endSection() ?>
+        const dataId = $(this).attr('data-id');
+        const row = $(this).closest('tr');
+        if ($.isNumeric(dataId)) {
+            $.ajax({
+                url: `/configuracion/papelesimpresion/delete/${dataId}`,
+                method: 'GET',
+            }).done((data, textStatus, jqXHR) => {
+                $('#confirm2delete').modal('toggle');
+                theTable.clearPipeline();
+                theTable.row($(row)).invalidate().draw();
+                popSuccessAlert(data.msg ?? jqXHR.statusText);
+            }).fail((jqXHR, textStatus, errorThrown) => {
+                popErrorAlert(jqXHR.responseJSON.messages.error)
+            })
+        }
+    });
+
+<?= $this->endSection() ?>
 
 
-<?=$this->section('css') ?>
+<?= $this->section('css') ?>
     <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.3/css/buttons.bootstrap5.min.css">
-<?=$this->endSection() ?>
+<?= $this->endSection() ?>
 
 
 <?= $this->section('additionalExternalJs') ?>
     <script src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"></script>
-    <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.<?=config('Basics')->theme['name'] == 'Bootstrap5' ? 'bootstrap5' : 'bootstrap4' ?>.min.js"></script>
+    <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.bootstrap5.min.js"></script>
     <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.html5.min.js"></script>
     <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.print.min.js"></script>
-
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.0/jszip.min.js" integrity="sha512-xcHCGC5tQ0SHlRX8Anbz6oy/OullASJkEhb4gjkneVpGE3/QGYejf14CUO5n5q5paiHfRFTa9HKgByxzidw2Bw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.5/pdfmake.min.js" integrity="sha512-rDbVu5s98lzXZsmJoMa0DjHNE+RwPJACogUCLyq3Xxm2kJO6qsQwjbE5NDk2DqmlKcxDirCnU1wAzVLe12IM3w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.5/vfs_fonts.js" integrity="sha512-cktKDgjEiIkPVHYbn8bh/FEyYxmt4JDJJjOCu5/FQAkW4bc911XtKYValiyzBiJigjVEvrIAyQFEbRJZyDA1wQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<?=$this->endSection() ?>
+<?= $this->endSection() ?>
 

ci4/app/Views/themes/backend/vuexy/form/tarifas/acabado/viewTarifaAcabadoList.php

@@ -1,6 +1,5 @@
 <?= $this->include('themes/_commonPartialsBs/datatables') ?>
-<?php $this->include('themes/_commonPartialsBs/_confirm2delete') ?>
+<?= $this->include('themes/_commonPartialsBs/_confirm2delete') ?>
-<?php $this->include('themes/_commonPartialsBs/sweetalert') ?>
 <?= $this->extend('themes/backend/vuexy/main/defaultlayout') ?>
 <?= $this->section('content'); ?>
 <div class="row">

ci4/app/Views/themes/backend/vuexy/form/tarifas/manipulado/viewTarifaManipuladoList.php

@@ -1,5 +1,5 @@
 <?=$this->include('themes/_commonPartialsBs/datatables') ?>
-<?=$this->include('themes/_commonPartialsBs/sweetalert') ?>
+<?= $this->include('themes/_commonPartialsBs/_confirm2delete') ?>
 <?=$this->extend('themes/backend/vuexy/main/defaultlayout') ?>
 <?=$this->section('content');  ?>
 <div class="row">
@@ -41,8 +41,8 @@
     const actionBtns = function(data) {
         return `<td class="text-right py-0 align-middle">
                 <div class="btn-group btn-group-sm">
-                    <i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i>
+                    <a href="javascript:void(0);"><i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i></a>
-                    <i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}"></i>
+                    <a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a>
                 </div>
                 </td>`;
     };
@@ -90,49 +90,31 @@
 
 
     $(document).on('click', '.btn-edit', function(e) {
-        //window.location.href = `<?= route_to('tarifaManipuladoList') ?>/${$(this).attr('data-id')}/edit`;
         window.location.href = `/tarifas/tarifasmanipulado/edit/${$(this).attr('data-id')}`;
     });
-    
+
     $(document).on('click', '.btn-delete', function(e) {
-        Swal.fire({
+        $(".btn-remove").attr('data-id', $(this).attr('data-id'));
-            title: '<?= lang('Basic.global.sweet.sureToDeleteTitle', [mb_strtolower(lang('Tarifamanipulado.tarifa manipulado'))]) ?>',
+    });
-            text: '<?= lang('Basic.global.sweet.sureToDeleteText') ?>',
+
-            icon: 'warning',
+    $(document).on('click', '.btn-remove', function(e) {
-            showCancelButton: true,
+        const dataId = $(this).attr('data-id');
-            confirmButtonColor: '#3085d6',
+        const row = $(this).closest('tr');
-            confirmButtonText: '<?= lang('Basic.global.sweet.deleteConfirmationButton') ?>',
+        if ($.isNumeric(dataId)) {
-            cancelButtonText: '<?= lang('Basic.global.Cancel') ?>',
+            $.ajax({
-            cancelButtonColor: '#d33'
+                url: `/tarifas/tarifasmanipulado/delete/${dataId}`,
-        })
+                method: 'GET',
-        .then((result) => {
+            }).done((data, textStatus, jqXHR) => {
-            const dataId = $(this).data('id');
+                $('#confirm2delete').modal('toggle');
-            const row = $(this).closest('tr');
+                theTable.clearPipeline();
-            if (result.value) {
+                theTable.row($(row)).invalidate().draw();
-                $.ajax({
+                popSuccessAlert(data.msg ?? jqXHR.statusText);
-                    //url: `<?= route_to('tarifaManipuladoList') ?>/${dataId}`,
+            }).fail((jqXHR, textStatus, errorThrown) => {
-                    //method: 'DELETE',
+                popErrorAlert(jqXHR.responseJSON.messages.error)
-                    url: `/tarifas/tarifasmanipulado/delete/${dataId}`,
+            })
-                    method: 'GET',
+        }
-                }).done((data, textStatus, jqXHR) => {
-                    Toast.fire({
-                        icon: 'success',
-                        title: data.msg ?? jqXHR.statusText,
-                    });
-                    
-                    theTable.clearPipeline();
-                    theTable.row($(row)).invalidate().draw();
-                }).fail((jqXHR, textStatus, errorThrown) => {
-                    Toast.fire({
-                        icon: 'error',
-                        title: jqXHR.responseJSON.messages.error,
-                    });
-                })
-            }
-        });
     });
 
-    
 <?=$this->endSection() ?>