Merge branch 'dev/cliente_usuarios' into 'main'

Dev/cliente usuarios

See merge request jjimenez/safekat!225

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

@@ -564,7 +564,6 @@
                 </div>
 
 
-
                 <?php if ($formAction !== site_url('cliente/add')){ ?>
                 <div class="tab-pane fade" id="tarifascliente" role="tabpanel">
                     <?= view("themes/backend/vuexy/form/clientes/cliente/convert2templateModal") ?>
@@ -610,7 +609,6 @@
                     
                 </div>
 
-                
                 <div class="tab-pane fade" id="contactos" role="tabpanel">
                     <table id="tableOfClienteContactos"
                            class="table table-striped table-hover" style="width: 100%;">
@@ -629,7 +627,6 @@
                     </table>
                 </div>
 
-
                 <div class="tab-pane fade" id="domicilio-entrega" role="tabpanel">
                     <?= view("themes/backend/vuexy/form/clientes/cliente/_clienteDireccionesForm") ?>
                     <table id="tableOfDireccionesEnvio" class="table dt-responsive dataTable" style="width: 100%;">
@@ -662,7 +659,20 @@
                 </div>
 
                 <div class="tab-pane fade" id="usuarios" role="tabpanel">
-                    <h3>Proximanente</h3>
+                    <table id="tableOfClienteUsuarios" class="table table-striped table-hover" style="width: 100%;">
+                        <thead>
+                        <tr>
+                            <th>ID</th>
+                            <th><?= lang('App.profile_first_name') ?></th>
+                            <th><?= lang('App.profile_last_name') ?></th>
+                            <th><?= lang('App.profile_email') ?></th>
+                            <th class="text-nowrap" style="min-width:100px"><?= lang('Basic.global.Action') ?></th>
+                        </tr>
+                        </thead>
+                        <tbody>
+
+                        </tbody>
+                    </table>
                 </div>
 
                 <?php } ?>
@@ -673,27 +683,6 @@
 
 </div>
 
-<?php /* A implementar en el controller
-<div class="mb-3">
-    <label for="limiteCreditoUserId" class="form-label">
-        <?= lang('Clientes.limiteCreditoUserId') ?>*
-    </label>
-    <input type="number" id="limiteCreditoUserId" name="limite_credito_user_id" required placeholder="1"
-           maxLength="10" class="form-control"
-           value="<?= old('limite_credito_user_id', $clienteEntity->limite_credito_user_id) ?>">
-</div><!--//.mb-3 -->
-
-<div class="mb-3">
-    <label for="limiteCreditoChangeAt" class="form-label">
-        <?= lang('Clientes.limiteCreditoChangeAt') ?>*
-    </label>
-    <input type="text" id="limiteCreditoChangeAt" name="limite_credito_change_at" required
-           placeholder="2017-02-13 12:38:03" maxLength="20" class="form-control"
-           value="<?= old('limite_credito_change_at', $clienteEntity->limite_credito_change_at) ?>">
-</div><!--//.mb-3 -->
-
-*/ ?>
-
 
 
 <?php if ($formAction !== site_url('cliente/add')){ ?>
@@ -701,6 +690,12 @@
 /****************************************
     Funcionamiento general
 *****************************************/
+const url = window.location.href;
+const url_parts = url.split('/');
+let id = -1;
+if(url_parts[url_parts.length-2] == 'edit'){
+    id = url_parts[url_parts.length-1];
+}
 
 $(document).on('click', '.btn-remove', function(e) {
     
@@ -718,18 +713,21 @@ $(document).on('click', '.btn-remove', function(e) {
     }
 });
 
-
 <?=$this->endSection() ?>
 
 
 
 <?= $this->section("additionalInlineJs") ?>
+/****************************************
+    Contactos
+*****************************************/
+
     const lastColNr = $('#tableOfClienteContactos').find("tr:first th").length - 1;
 
     const actionBtns = function(data) {
         return `
                     <span class="edit"><a href="javascript:void(0);"><i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i></a></span>
-                    <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>
+                    <a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-deleted mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a>
                     <span class="cancel"></span>
                 `;
     };
@@ -779,7 +777,6 @@ $(document).on('click', '.btn-remove', function(e) {
 
 
     editor.on( 'postSubmit', function ( e, json, data, action ) {
-
         yeniden(json.<?= csrf_token() ?>);
     });
 
@@ -803,33 +800,27 @@ $(document).on('click', '.btn-remove', function(e) {
         );
     } );
 
-
     // Delete row
-    $('#tableOfClienteContactos').on( 'click', 'tbody span.remove', function (e) {
+    $(document).on('click', '.btn-deleted', function(e) {
+        $(".btn-remove").attr('data-id', $(this).attr('data-id'));
+    });
 
-        Swal.fire({
-            title: '<?= lang('Basic.global.sweet.sureToDeleteTitle', [mb_strtolower(lang('Basic.global.sweet.line'))]) ?>',
-            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) {
-                editor
-                    .create( false )
-                    .edit( this.parentNode, false)
-                    .set( 'deleted_at', new Date().toISOString().slice(0, 19).replace('T', ' ') )
-                    .set( 'is_deleted', 1 )
-                    .submit();
-
-            }
-        });
+    $(document).on('click', '.btn-remove', function(e) {
+        const dataId = $(this).attr('data-id');
+        const row = $(this).closest('tr');
+        if ($.isNumeric(dataId)) {
+            $.ajax({
+                url: `/clientecontactos/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)
+            })
+        }
     });
 
 	var theTable = $('#tableOfClienteContactos').DataTable( {
@@ -1457,6 +1448,67 @@ function delete_direccion_envio(dataId){
 
 <?=$this->endSection() ?>
 
+<?= $this->section("additionalInlineJs") ?>
+/****************************************
+    Contactos
+*****************************************/
+
+    const lastColNrCU = $('#tableOfClienteUsuarios').find("tr:first th").length - 1;
+
+    var theTableCU = $('#tableOfClienteUsuarios').DataTable( {
+		serverSide: true,
+        processing: true,
+        autoWidth: true,
+        responsive: true,
+        lengthMenu: [ 5, 10, 25],
+        order: [[ 0, "asc" ], [ 1, "asc" ]],
+        pageLength: 10,
+        lengthChange: true,
+        searching: false,
+        paging: true,
+        info: false,
+        dom: '<"mt-4"><"float-end"B><"float-start"l><t><"mt-4 mb-3"p>',
+		ajax : $.fn.dataTable.pipeline( {
+            url: '<?= route_to('dataTableOfClienteUsuarios') ?>',
+            data: {
+                //id_cliente: id,
+                id_cliente: 1,
+            },
+            method: 'POST',
+            headers: {'X-Requested-With': 'XMLHttpRequest'},
+            async: true,
+        }),
+        columns: [
+            { 'data': 'id' },
+            { 'data': 'nombre' },
+            { 'data': 'apellidos' },
+            { 'data': 'email' },
+            {
+                data: actionBtns,
+                className: 'row-edit dt-center'
+            }
+        ],
+        columnDefs: [
+            {
+                orderable: false,
+                searchable: false,
+                targets: [lastColNrCU]
+            },
+            {
+                "orderData": [ 0, 1 ],
+                "targets": 0
+            },
+
+        ],
+        language: {
+            url: "/themes/vuexy/vendor/libs/datatables-sk/plugins/i18n/es-ES.json"
+        }
+    } );
+
+<?=$this->endSection() ?>
+
+
+
 
 <?=$this->section('css') ?>
     <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/datatables-editor/editor.bootstrap5.min.css') ?>">

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

@@ -49,7 +49,7 @@
                 $('#saveForm').click();
             }
         }
-    });  
+    });
 
 
     $('#soporteId').select2({
@@ -230,11 +230,9 @@
 
 
 <?=$this->section('css') ?>
-
     <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/datatables-editor/editor.dataTables.min.css') ?>">
     <link rel="stylesheet" href="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.bootstrap5.min.css") ?>">
     <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/sk-datatables.css') ?>">
     <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/safekat.css') ?>">
-
 <?=$this->endSection() ?>
 

ci4/app/Views/themes/backend/vuexy/form/presupuestos/buscador/viewBuscadorList.php

@@ -121,6 +121,11 @@ $('#tableOfPresupuestos thead tr:eq(1) th').each(function (i) {
             selector.append('<option value="libroCosidoTapaDura"><?= lang('Presupuestos.libroCosidoTapaDura') ?></option>');
             selector.append('<option value="libroFresadoTapaBlanda"><?= lang('Presupuestos.libroFresadoTapaBlanda') ?></option>');
             selector.append('<option value="libroFresadoTapaDura"><?= lang('Presupuestos.libroFresadoTapaDura') ?></option>');
+            selector.append('<option value="libroEspiralTapaDura"><?= lang('Presupuestos.libroEspiralTapaDura') ?></option>');
+            selector.append('<option value="libroEspiralTapaBlanda"><?= lang('Presupuestos.libroEspiralTapaBlanda') ?></option>');
+            selector.append('<option value="libroWireoTapaDura"><?= lang('Presupuestos.libroWireoTapaDura') ?></option>');
+            selector.append('<option value="libroWireoTapaBlanda"><?= lang('Presupuestos.libroWireoTapaBlanda') ?></option>');
+            selector.append('<option value="libroGrapado"><?= lang('Presupuestos.libroGrapado') ?></option>');
 
             selector.on('change', function () {
                 var val = $.fn.dataTable.util.escapeRegex(
@@ -207,6 +212,27 @@ theTable = $('#tableOfPresupuestos').DataTable({
                         return '<?= lang('Presupuestos.libroFresadoTapaDura') ?>';
                         break;
 
+
+                    case "libroEspiralTapaDura":
+                        return '<?= lang('Presupuestos.libroEspiralTapaDura') ?>';
+                        break;
+
+                    case "libroEspiralTapaBlanda":
+                        return '<?= lang('Presupuestos.libroEspiralTapaBlanda') ?>';
+                        break;
+
+                    case "libroWireoTapaDura":
+                        return '<?= lang('Presupuestos.libroWireoTapaDura') ?>';
+                        break;
+
+                    case "libroWireoTapaBlanda":
+                        return '<?= lang('Presupuestos.libroWireoTapaBlanda') ?>';
+                        break;
+
+                    case "libroGrapado":
+                        return '<?= lang('Presupuestos.libroGrapado') ?>';
+                        break;
+
                     default:
                         return data;    // Debug
                         break;