File "FOR-E-CCI-12.js"

Full Path: C:/wamp64/www/CALIDADWEB/CALIDADWEB/FRONTED/CONTROLTABLAS.JS/FOR-E-CCI-12.js
File size: 9.2 KB
MIME-type: text/plain
Charset: utf-8

$(document).ready(function () {
    $(".btnPreparacionSalmuera").click(function (e) {
        e.preventDefault();

        swal.fire({
            title: "Cargando datos...",
            allowOutsideClick: false,
            didOpen: () => { swal.showLoading(); }
        });

        if ($.fn.DataTable.isDataTable('#tblPreparacionSalmuera')) {
            $('#tblPreparacionSalmuera').DataTable().destroy();
        }

        let tabla333 = $("#tblPreparacionSalmuera").DataTable({
            "ajax": {
                "url": "../../BACKEND/controltablas/FOR-E-CCI-12.php",
                "type": "POST",
                "data": { opcion: 61 },
                "dataSrc": ""
            },
            "columns": [
               { data: "id" },
              { data: "fecha" },
              { data: "hora" },
              { data: "lote" },
              { data: "kg" },
              { data: "litros" },
              { data: "temp" },
              { data: "observaciones" },
              { data: "responsable" },
              { data: "aprobo" },
                
                {
                    "data": null,
                    "orderable": false,
                    "width": "80px",
                    "className": "text-center",
                    "render": function () {
                        return "<button class='btn btn-danger btn-sm btnBorrar'><i class='fas fa-trash-alt'></i></button>";
                    }
                },
                {
                    "data": null,
                    "orderable": false,
                    "width": "80px",
                    "className": "text-center",
                    "render": function (data, type, row) {
                        return "<button class='btn btn-primary btn-sm btnEditar' data-id='" + row.id + "'><i class='fas fa-edit'></i></button>";
                    }
                }
            ],
            "language": {
                "decimal": "",
                "emptyTable": "No hay información",
                "info": "Mostrando _START_ a _END_ de _TOTAL_ registros",
                "infoEmpty": "Mostrando 0 a 0 de 0 registros",
                "infoFiltered": "(Filtrado de _MAX_ total registros)",
                "thousands": ",",
                "lengthMenu": "Mostrar _MENU_ registros",
                "loadingRecords": "Cargando...",
                "processing": "Procesando...",
                "search": "Buscar:",
                "zeroRecords": "Sin resultados encontrados",
                "paginate": {
                    "first": "Primero",
                    "last": "Último",
                    "next": "Siguiente",
                    "previous": "Anterior"
                }
            },
            "scrollX": true,
            "scrollCollapse": true,
            "autoWidth": false,
            "dom": "Bfrtip",
            "buttons": [
                {
                    extend: "pageLength",
                    className: "btn btn-warning"
                },
                {
                    extend: "excelHtml5",
                    autoFilter: true,
                    sheetName: "CONTROL PREPARACION SALMUERA",
                    title: "CONTROL PREPARACION SALMUERA",
                    text: '<i class="fa-lg fa-solid fa-file-excel"></i> GENERAR EXCEL',
                    className: "btn btn-success",
                    exportOptions: {
                        columns: [0, 1, 2, 3, 4, 5, 6, 7, 8,9]
                    }
                }
                
            ],
            "initComplete": function () {
                swal.close();
            }
        });

        // --- ELIMINAR ---
        $('#tblPreparacionSalmuera tbody').off('click', '.btnBorrar').on('click', '.btnBorrar', function (e) {
            e.preventDefault();
            e.stopPropagation();

            let data = tabla333.row($(this).parents('tr')).data();

            swal.fire({
                title: "¿Eliminar registro?",
                text: "ID: " + data.id,
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#d33",
                cancelButtonColor: "#3085d6",
                cancelButtonText: "Cancelar",
                confirmButtonText: "Sí, borrar"
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: "../../BACKEND/controltablas/FOR-E-CCI-12.php",
                        type: "POST",
                        data: { opcion: 1, id: data.id },
                        success: function (response) {
                            tabla333.ajax.reload(null, false);
                            swal.fire({
                                icon: "success",
                                title: "¡Éxito!",
                                text: "Registro eliminado correctamente",
                                showConfirmButton: false,
                                timer: 1500
                            });
                        },
                        error: function () {
                            swal.fire({
                                icon: "error",
                                title: "Error",
                                text: "No se pudo eliminar el registro",
                                showConfirmButton: false,
                                timer: 1500
                            });
                        }
                    });
                }
            });

            return false;
        });


        // --- EDITAR ---
            $('#tblPreparacionSalmuera tbody').off('click', '.btnEditar').on('click', '.btnEditar', function (e) {
                e.preventDefault();
                e.stopPropagation();

                let $row = $(this).closest('tr');
                let data = tabla333.row($row).data();

                $row.find('td').each(function (index) {
                    // Obtenemos la configuración de la columna para esa celda
                    let colConfig = tabla333.settings().init().columns[index];
                    
                    // Solo editamos si tiene la propiedad "data" definida y no es el ID ni botones
                    if (index > 0 && index < 9) {
                        let valorActual = $(this).text();
                        let nombreColumna = colConfig.data;
                        
                        // Agregamos un estilo inline "width: 100%" y un contenedor pequeño
                        $(this).html(`
                            <input type="text" 
                                class="form-control form-control-sm" 
                                style="min-width: 70px; width: 100%; padding: 2px;" 
                                value="${valorActual}" 
                                data-campo="${nombreColumna}">
                        `);
                    }
                });

                $(this).removeClass('btn-primary btnEditar').addClass('btn-success btnGuardar').html('<i class="fas fa-save"></i>');
                $row.find('.btnBorrar').removeClass('btn-danger btnBorrar').addClass('btn-secondary btnCancelar').html('<i class="fas fa-times"></i>');

                return false;
            });

        // --- GUARDAR ---
        $('#tblPreparacionSalmuera tbody').off('click', '.btnGuardar').on('click', '.btnGuardar', function (e) {
            e.preventDefault();
            e.stopPropagation();

            let $row = $(this).closest('tr');
            let id = tabla333.row($row).data().id;
            let datosActualizados = { opcion: 2, id: id };

            $row.find('input').each(function () {
                let campo = $(this).data('campo');
                let valor = $(this).val();
                datosActualizados[campo] = valor;
            });

            $.ajax({
                url: "../../BACKEND/controltablas/FOR-E-CCI-12.php",
                type: "POST",
                data: datosActualizados,
                success: function (response) {
                    tabla333.ajax.reload(null, false);
                    swal.fire({
                        icon: "success",
                        title: "¡Éxito!",
                        text: "Registro actualizado correctamente",
                        showConfirmButton: false,
                        timer: 1500
                    });
                },
                error: function () {
                    swal.fire({
                        icon: "error",
                        title: "Error",
                        text: "No se pudo actualizar el registro",
                        showConfirmButton: false,
                        timer: 1500
                    });
                    tabla333.ajax.reload(null, false);
                }
            });

            return false;
        });

        // --- CANCELAR ---
        $('#tblPreparacionSalmuera tbody').off('click', '.btnCancelar').on('click', '.btnCancelar', function (e) {
            e.preventDefault();
            e.stopPropagation();

            tabla333.ajax.reload(null, false);

            return false;
        });
    });
});