SekiDesu01/Rendiciones-App
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

alertas mas bonitas

Browse Source
This commit is contained in:
weko
2026-03-21 01:29:54 -03:00
parent 9a78f4c801
commit a3a8ccf0e5
2 changed files with 85 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
templates/macros/modals.html
View File

@@ -20,6 +20,25 @@
</div>
{% endmacro %}
{% macro alert_modal(id, title, message, btn_class='btn-primary') %}
<div class="modal fade" id="{{ id }}" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content border-warning">
<div class="modal-header">
<h5 class="modal-title"><i class="bi bi-exclamation-triangle-fill text-warning me-2"></i> {{ title }}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="{{ id }}Body">
{{ message }}
</div>
<div class="modal-footer">
<button type="button" class="btn {{ btn_class }}" data-bs-dismiss="modal">Entendido</button>
</div>
</div>
</div>
</div>
{% endmacro %}
{% macro edit_product_modal(zonas) %}
<div class="modal fade" id="editProductModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">

62
templates/worker_dashboard.html
View File

@@ -1,5 +1,5 @@
{% extends "macros/base.html" %}
{% from 'macros/modals.html' import confirm_modal %}
{% from 'macros/modals.html' import confirm_modal, alert_modal %}
{% block title %}Rendición de Caja{% endblock %}
@@ -180,6 +180,13 @@
btn_class='btn-success',
btn_text='Sí, enviar ahora'
) }}
{{ alert_modal(
id='globalAlertModal',
title='Atención',
message='Por favor, completa los campos requeridos.'
) }}
{% endblock %}
{% block scripts %}
@@ -214,21 +221,27 @@
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('DOMContentLoaded', function() {
const submitModal = document.getElementById('confirmSubmitModal');
const mainForm = document.querySelector('form');
const alertModalEl = document.getElementById('globalAlertModal');
const alertModal = new bootstrap.Modal(alertModalEl);
const confirmBtn = submitModal.querySelector('button[type="submit"]');
// Función única de validación para no repetir código
function mostrarError(mensaje) {
document.getElementById('globalAlertModalBody').textContent = mensaje;
alertModal.show();
}
function validarFormulario() {
const requiredInputs = mainForm.querySelectorAll('[required]');
let valid = true;
requiredInputs.forEach(input => {
const isMoney = input.classList.contains('money-input');
// Si está vacío Y no es un campo de dinero, es inválido
// Si es campo de dinero, el placeholder/blur se encarga de que sea 0
if (!input.value.trim() && !isMoney) {
// Validamos solo si está vacío y NO es un campo de dinero (que ya tiene '0')
if (!input.value.trim() || (isMoney && input.value === '')) {
input.classList.add('is-invalid');
valid = false;
} else {
@@ -240,15 +253,21 @@
confirmBtn.addEventListener('click', function(e) {
e.preventDefault();
if (validarFormulario()) {
mainForm.submit();
} else {
const modalInstance = bootstrap.Modal.getInstance(submitModal);
modalInstance.hide();
alert("Por favor, rellena los campos obligatorios (Fecha y Turno).");
// Cerramos el modal de confirmación antes de mostrar el de error
bootstrap.Modal.getInstance(submitModal).hide();
mostrarError("Por favor, rellena los campos obligatorios (Fecha y Turno) antes de enviar.");
}
});
// Inicializar campos de dinero en 0 para que no se queje la validación
document.querySelectorAll('.money-input').forEach(input => {
if (!input.value.trim()) input.value = '0';
});
});
</script>
<script>
@@ -287,7 +306,8 @@
requiredInputs.forEach(input => {
const isMoney = input.classList.contains('money-input');
if (!input.value.trim() && !isMoney) {
// Si está vacío y no es campo de dinero (o el campo de dinero está totalmente vacío)
if (!input.value.trim() || (isMoney && input.value === '')) {
input.classList.add('is-invalid');
valid = false;
} else {
@@ -297,27 +317,33 @@
if (!valid) {
e.preventDefault();
alert("Por favor, rellena todos los campos obligatorios antes de enviar.");
// Usamos la función del modal bonito en lugar del alert
const alertModalEl = document.getElementById('globalAlertModal');
if (alertModalEl) {
const alertModal = bootstrap.Modal.getOrCreateInstance(alertModalEl);
document.getElementById('globalAlertModalBody').textContent = "Por favor, rellena todos los campos obligatorios antes de enviar.";
alertModal.show();
} else {
// Respaldo por si el modal no carga por alguna razón mística
alert("Por favor, rellena todos los campos obligatorios.");
}
}
});
// Reuse our formatting script for the summary money inputs
document.querySelectorAll('.money-input').forEach(function(input) {
// Inicializar con 0 si está vacío para evitar que el validador se confunda
if (!input.value.trim()) input.value = '0';
input.addEventListener('focus', function() {
if (this.value === '0') this.value = '';
});
input.addEventListener('blur', function() {
if (this.value.trim() === '') {
if (this.value.trim() === '' || this.value.trim() === '0') {
this.value = '0';
calcularTotales();
}
calcularTotales();
});
input.addEventListener('input', function(e) {
input.addEventListener('input', function() {
let value = this.value.replace(/\D/g, '');
if (value !== '') {
this.value = parseInt(value, 10).toLocaleString('es-CL');