Files
hmngy_pasarela_Frontend/js/pagos/dt_(25.11.2024 12.45.08 p. m.).js
LuisAngelSalinasl 8fcbb98114 Primer Commit
2025-08-04 18:51:41 -06:00

566 lines
19 KiB
JavaScript

var dtTemp;
var clienteTemp;
var lista_clientes;
var fileInput;
var file;
var cadenaB64 = '';
var textoCliente = '';
var dataTable;
const p = document.getElementById("p_errores")
document.addEventListener('DOMContentLoaded', function () {
document.getElementById('fileInput').addEventListener('change', function () {
cadenaB64 = '';
fileInput = this;
file = fileInput.files[0]; // Obtener el primer archivo seleccionado
if (file) {
if (file.type !== 'application/pdf') {
alertify.error('Solo se admiten archivos PDF');
fileInput.value = '';
return;
}
var reader = new FileReader();
reader.onload = function () {
cadenaB64 = reader.result.split(',')[1]; // Obtener la parte Base64
};
reader.readAsDataURL(file);
}
});
});
$(document).ready(function () {
document.getElementById('searchInput').addEventListener('input', function (event) {
showResults(event.target.value);
});
construyeDT();
obtenerViaPago();
$('#buttons-container').on('click', '#getSelectedRows', function () {
var dataTable = $('#pagosDT').DataTable(); // Asegúrate de obtener la instancia de DataTable por su ID
var filas = [];
dataTable.rows().every(function () {
var data = this.data();
var rowNode = this.node();
var isChecked = $(rowNode).find('.row-check').is(':checked');
if (isChecked) {
filas.push(data);
//console.log(data);
}
});
// Muestra el modal y pasa los datos seleccionados a la función facturasPagar
$('#modalPagar').modal('show');
console.log(filas);
facturasPagar(filas);
// console.log(filas); // Aquí puedes manejar los datos seleccionados como necesites
});
function construyeDT() {
var columns = [
{ data: null, defaultContent: '<input type="checkbox" class="row-check">', orderable: false, title: '--' },
{ data: 'factura_id', visible: false },
{ data: 'UUID', title: 'UUID' },
{ data: 'TOTAL', title: 'Total Factura' },
{
data: 'parcialidad', title: 'Parcialidad',
render: function (data, type, row) {
var parcialidad = parseFloat(parseFloat(row.parcialidad).toFixed(2));
var saldo_insoluto = parseFloat(parseFloat(row.saldo_insoluto).toFixed(2));
var total = parseFloat(parseFloat(row.TOTAL).toFixed(2));
if (saldo_insoluto == total) {
return '1';
} else if (saldo_insoluto < total && saldo_insoluto != 0) {
parcialidad = parcialidad + 1;
return parcialidad;
} else if (saldo_insoluto == 0) {
return parcialidad;
}
}
},
{ data: 'saldo_insoluto', title: 'Saldo insoluto' },
{ data: 'fecha_venta', title: 'Fecha' },
];
// Destruye la DataTable si ya existe
if ($.fn.DataTable.isDataTable('#pagosDT')) {
$('#pagosDT').DataTable().destroy();
}
// Construye la DataTable
dataTable = $('#pagosDT').DataTable({
destroy: true,
lengthMenu: [10, 25, 50, 100],
pageLength: 10,
searching: true,
paging: true,
ordering: true,
info: true,
responsive: true,
dom: 'Bfrtip',
buttons: [{
extend: 'pdfHtml5',
text: 'PDF',
exportOptions: { modifier: { page: 'current' } },
className: 'btn-danger'
}, {
extend: 'excelHtml5',
text: 'Excel',
exportOptions: { modifier: { page: 'current' } },
className: 'btn-success'
}],
columns: columns,
data: []
});
// Agrega un mensaje si no hay datos en la DataTable
$('#pagosDT tbody').html('<tr class="odd"><td valign="top" colspan="' + columns.length + '" class="dataTables_empty">Sin facturas</td></tr>');
// Agrega el botón #getSelectedRows al contenedor de botones
$('#buttons-container').append('<button id="getSelectedRows" style="width: -webkit-fill-available;" class="btn btn-info">Agregar facturas</button>');
}
dataTable.on('draw.dt', function () {
$('#pagosDT tbody tr').each(function () {
var estatus = $(this).find('td:eq(4)').text(); // Ajusta el índice según la posición de 'estatus'
// console.log('estatus', estatus)
if (estatus === '0') {
$(this).find('td:eq(0)').html('<span class="badge badge-success">Pagada</span>'); // Cambia el contenido de la celda
} else {
$(this).find('td:eq(36)').html('<span class="badge badge-warning">Bloqueado</span>'); // Cambia el contenido de la celda
}
});
});
dtTemp = dataTable;
traerDeudores(dataTable);
});
// Función para construir la DataTable
function inicializarDataTable(cliente, dataTable) {
$.ajax({
url: 'php/ConsultasTablas/ManipulacionConsultas.php',
type: 'POST',
data: { opcion: '7', cliente: cliente },
dataType: 'json',
success: function (data) {
if (data.length > 0) {
// console.log('Agregar filas')
dataTable.clear().rows.add(data).draw();
} else {
$('#pagosDT tbody').html('<tr class="odd"><td valign="top" colspan="' + columns.length + '" class="dataTables_empty">No hay facturas PPD</td></tr>');
}
},
error: function (error) {
console.error('Error en la llamada AJAX', error);
}
});
}
function facturasPagar(data) {
var columns = [
{ data: 'factura_id', visible: false },
{ data: 'UUID', title: 'UUID', width: '20%' }, // Ejemplo de ancho específico
{
data: 'parcialidad', title: 'Parcialidad',
render: function (data, type, row) {
var parcialidad = parseFloat(parseFloat(row.parcialidad).toFixed(2));
var saldo_insoluto = parseFloat(parseFloat(row.saldo_insoluto).toFixed(2));
var total = parseFloat(parseFloat(row.TOTAL).toFixed(2));
if (saldo_insoluto == total) {
return '1';
} else if (saldo_insoluto < total && saldo_insoluto != 0) {
parcialidad = parcialidad + 1;
return parcialidad;
} else if (saldo_insoluto == 0) {
return parcialidad;
}
}
},
{ data: 'saldo_insoluto', title: 'Saldo insoluto', width: '20%' }, // Ejemplo de ancho del 20%
{
data: null,
render: function (data, type, row) {
return `<input type="number" class="form-control custom-input" oninput="calcular('${row.saldo_insoluto}',this);" value="${row.saldo_insoluto}" >`;
}
},
];
dataTable = $('#facturasPagar').DataTable({
destroy: true,
lengthMenu: [10, 25, 50, 100],
pageLength: 10,
searching: true,
paging: true,
ordering: true,
info: true,
responsive: true,
dom: 'Bfrtip',
buttons: [{
extend: 'pdfHtml5',
text: 'PDF',
exportOptions: {
modifier: {
page: 'current'
}
},
className: 'btn-danger' // Agregar la clase btn-danger al botón
}, {
extend: 'excelHtml5',
text: 'Excel',
exportOptions: {
modifier: {
page: 'current'
},
},
className: 'btn-success' // Agregar la clase btn-danger al botón de Excel
},
],
columns: columns,
data: []
});
dataTable.clear().rows.add(data).draw();
$('#facturasPagar').css('width', '-webkit-fill-available');
recalcularTotales();
// $('#facturasPagar').on('input', '.custom-input', function () {
// console.log('Funcion');
// var inputValue = parseFloat($(this).val());
// var saldo = parseFloat($(this).data('saldo'));
// if (inputValue > saldo) {
// console.log('MUESTRA SALDO')
// mostrarDialogo(this);
// } else {
// // Ocultar el cuadro de diálogo si ya está visible
// $(this).next('.custom-dialog').remove();
// }
// });
}
let deudores = [];
function dialogoExcede(inputElement) {
$(inputElement).next('.custom-dialog-excede').remove();
var dialogHtml = `
<div class="custom-dialog-excede alert alert-danger" role="alert">
Pago excede el saldo insoluto.
</div>
`;
$(inputElement).after(dialogHtml);
}
function dialogoMenor(inputElement) {
$(inputElement).next('.custom-dialog').remove();
var dialogHtml = `
<div class="custom-dialog alert alert-warning" role="alert">
Pago no debe ser menor al saldo insoluto.
</div>
`;
$(inputElement).after(dialogHtml);
}
function eliminarDialogoMenor(inputElement) {
$(inputElement).next('.custom-dialog').remove();
}
function eliminarDialogoExcede(inputElement) {
$(inputElement).next('.custom-dialog-excede').remove();
}
function calcular(saldo, input) {
var guardarPagosBtn = document.getElementById('guardarPagos');
var pago = parseFloat(parseFloat(input.value).toFixed(2));
var guardarPagosBtn = document.getElementById('guardarPagos');
var saldo_insoluto = parseFloat(parseFloat(saldo).toFixed(2));
console.log('Saldo', saldo);
// console.log('saldo', saldo_insoluto)
if (pago > saldo_insoluto && pago != 'NaN') {
dialogoExcede(input);
guardarPagosBtn.setAttribute('disabled', 'disabled');
} else if (pago == saldo_insoluto || pago < saldo_insoluto || pago == 'NaN') {
eliminarDialogoExcede(input);
}
recalcularTotales(input);
}
function recalcularTotales(input) {
var deposito = parseFloat(document.getElementById('deposito').value) || 0;
var guardarPagosBtn = document.getElementById('guardarPagos');
var textoError = document.getElementById('p-error');
if (deposito == '') {
textoError.style.display = 'none';
}
var table = $('#facturasPagar').DataTable();
var allData = table.rows().data().toArray();
var sumaTotal = 0;
var insoluto_t = 0;
var bandera = 0;
/*$('#facturasPagar tbody tr').each(function () {
pagoTemp = $(this).find('td').eq(3).find('input').val();
pagoTemp = parseFloat(pagoTemp).toFixed(2);
if (!isNaN(pagoTemp)) {
sumaTotal = (parseFloat(sumaTotal) + parseFloat(pagoTemp)).toFixed(2);
var insoluto = parseFloat($(this).find('td').eq(2).text()) || 0;
insoluto_t += insoluto;
} else {
bandera = 1;
}
});*/
//----------------------------------------------------------------
//Modificacion LASI para obtener todos los datos de la tabla Facturas a pagar
//para que se haga el calculo aun cuando no estan visisbles.
var total = table.column(3).data() // Obtiene todos los datos, no solo los visibles
.reduce(function(a, b,index) {
var pagoTemp = $(table.row(index).node()).find('td').eq(3).find('input').val();
pagoTemp = parseFloat(pagoTemp).toFixed(2);
if (!isNaN(pagoTemp)) {
sumaTotal = (parseFloat(sumaTotal) + parseFloat(pagoTemp)).toFixed(2);
var insoluto = parseFloat($(table.row(index).node()).find('td').eq(2).text()) || 0;
insoluto_t += insoluto.toFixed(2);
} else {
bandera = 1;
}
return sumaTotal;
}, 0);
//-------------------------------------------------------------
document.getElementById('saldo_suma').value = sumaTotal;
// console.log('DT', datos)
console.log('suma total: '+sumaTotal);
console.log('deposito: '+deposito);
if (sumaTotal > deposito || sumaTotal < deposito) {
console.log('no es igual');
guardarPagosBtn.setAttribute('disabled', 'disabled');
} else if (sumaTotal == deposito && bandera == 0) {
console.log('es igual');
textoError.style.display = 'none';
guardarPagosBtn.removeAttribute('disabled');
console.log('removido');
}
if (deposito > insoluto_t) {
// console.log('Deposito', deposito);
console.log('insoluto: '+insoluto_t);
console.log('Deposito: '+ deposito);
console.log('Excede el limite');
guardarPagosBtn.setAttribute('disabled', 'disabled');
} else if (deposito == '' || deposito == '0' || deposito == '0.00') {
console.log('Excede el limite 2');
guardarPagosBtn.setAttribute('disabled', 'disabled');
}
}
function generarSolicitud() {
var datos = [];
var acum = 0;
var table = $('#facturasPagar').DataTable();
var allData = table.rows().data().toArray();
/*$('#facturasPagar tbody tr').each(function () {
var id = allData[acum].factura_id;
acum = acum + 1;
var fila = {};
fila['uuid'] = $(this).find('td').eq(0).text();
fila['parcialidad'] = $(this).find('td').eq(1).text();
fila['saldo_insoluto'] = $(this).find('td').eq(2).text();
fila['pago'] = $(this).find('td').eq(3).find('input').val();
fila['id_factura'] = id;
datos.push(fila);
});*/
//modificacion LASI para obtener todos los datos de la tabla, aun esten ocultos por paginacion
var allRows = table.rows({ search: 'applied' }).nodes(); // Incluye filas ocultas
$(allRows).each(function () {
var id = allData[acum].factura_id;
acum = acum + 1;
var fila = {};
fila['uuid'] = $(this).find('td').eq(0).text();
fila['parcialidad'] = $(this).find('td').eq(1).text();
fila['saldo_insoluto'] = $(this).find('td').eq(2).text();
fila['pago'] = $(this).find('td').eq(3).find('input').val();
fila['id_factura'] = id;
datos.push(fila);
});
console.log(datos);
var fechaInput = document.getElementById('fecha');
var fechaSeleccionada = fechaInput.value;
if (fechaSeleccionada == '') {
alertify.error('Selecciona una fecha');
return
}
// if (cadenaB64 == '') {
// alertify.error('Selecciona un archivo');
// return
// }
var email = document.getElementById('email').value.replace(/\s+$/, '');
if (email == '') {
alertify.error('Llene un correo');
return;
}
var folio = document.getElementById('folioP').value;
var email = document.getElementById('email').value;
var deposito = document.getElementById('deposito').value;
var formaPago = $('#formaPago option:selected').val();
var formaPago = $('#formaPago option:selected').val();
if (formaPago == '' || formaPago == 'Forma de pago') {
alertify.error('Seleccione una forma de pago');
return;
}
if (deposito === '' || deposito === '0') {
alertify.error('Monto no debe ir vacio');
return;
}
var pagos = {
folio: folio,
archivo: cadenaB64,
fecha_ppd: fechaSeleccionada,
cliente: clienteTemp,
email: email,
monto: deposito,
filas: datos,
forma_pago: formaPago
};
// console.log(pagos);
$.ajax({
type: 'POST',
url: 'php/inserta_solicitud.php',
data: pagos,
dataType: 'json',
success: function (data) {
// console.log(data)
if (data.code == '201') {
alertify.success('Registrado con exito!');
dataTable = dtTemp;
inicializarDataTable(clienteTemp, dtTemp)
var guardarPagosBtn = document.getElementById('guardarPagos');
guardarPagosBtn.setAttribute('disabled', 'disabled');
document.getElementById('deposito').value = '';
$('#modalPagar').modal('hide');
document.getElementById('saldo_suma').value = '';
} else {
p.innerText = data.messsage
$('#errores').modal('show')
}
var guardarPagosBtn = document.getElementById('guardarPagos');
guardarPagosBtn.setAttribute('disabled', 'disabled');
obtenerFolio();
var table = $('#facturasPagar').DataTable();
table.clear().draw();
}, error: function (error) {
console.log('Error', error)
p.innerText = 'Error al cargar los datos, consulte a soporte'
$('#errores').modal('show')
}
});
}
function apagaBoton() {
// console.log('Btn')
var guardarPagosBtn = document.getElementById('guardarPagos');
guardarPagosBtn.setAttribute('disabled', 'disabled');
}
function traerDeudores(dataTable) {
$.ajax({
type: 'POST',
url: 'php/ConsultasTablas/ManipulacionConsultas.php',
data: { opcion: '6' },
dataType: 'json',
success: function (data) {
lista_clientes = data;
showResults('');
console.log('deudores');
console.log(lista_clientes);
}, error: function (error) {
console.log('Error ajax', error)
}
});
}
function showResults(searchText) {
const searchResults = document.getElementById('searchResults');
searchResults.innerHTML = '';
lista_clientes.forEach(option => {
if (option.CLIENTE.toLowerCase().includes(searchText.toLowerCase())) {
const li = document.createElement('li');
li.textContent = option.CLIENTE;
li.className = 'list-group-item';
li.setAttribute('onclick', 'seleccionado(' + JSON.stringify(option) + ')');
searchResults.appendChild(li);
}
});
if (searchText === '' || searchResults.children.length === 0) {
searchResults.style.display = 'none';
} else {
searchResults.style.display = 'block';
}
}
function seleccionado(cliente) {
var clienteInput = $("#searchInput");
clienteInput.val(cliente.CLIENTE).attr('data-custom-value', cliente.ID_CLIENTE);
textoCliente = cliente.CLIENTE;
clienteTemp = cliente.ID_CLIENTE;
searchResults.style.display = 'none';
inicializarDataTable(cliente.ID_CLIENTE, dtTemp)
}