95 Interfaz Cargar Tasa de Interés Automáticamente al Seleccionar Categoría con JavaScript 🚀💻
Duración: 12 min
Módulo: Últimos Ajustes del Sistema
Lección 2 de
9
Descripción
🚀 Lección 95: Interfaz Inteligente y Precisión Decimal en Laravel
En esta sesión, conectamos el frontend con la nueva lógica de categorías y refinamos los cálculos finales para garantizar que cada centavo esté en su lugar.
1. ⚖️ Corrección de Discrepancias en el Contrato
Resolvimos un problema de redondeo detectado por la comunidad donde los totales no coincidían por pequeñas fracciones:
- El Problema: Al sumar individualmente el capital y el interés de cada cuota redondeada, la suma total difería ligeramente del monto global del préstamo [03:57].
- La Solución: Modificamos el PrestamoController para que el contrato extraiga los valores directamente de los campos monto_prestado y monto_interes_total del registro del préstamo, en lugar de recalcular la suma de las cuotas. Esto garantiza coherencia total en el documento legal [04:40].
2. ⚡ Carga Automática de Tasa de Interés (JavaScript)
Implementamos una funcionalidad dinámica para que el sistema sugiera el interés según el tipo de préstamo seleccionado:
- Data Attributes: En el select de categorías de la vista create.blade.php, añadimos un atributo data-porcentaje a cada opción para almacenar su tasa correspondiente [08:47].
- Script de Sincronización: Escribimos un pequeño script en JavaScript que escucha el evento de cambio (change) en el selector de categorías. Al elegir una (ej. "Educativo"), el script extrae el porcentaje del atributo data y lo inyecta automáticamente en el campo "Tasa de Interés" [09:41].
- Flexibilidad: Aunque el sistema carga el valor automáticamente, el campo permanece editable por si el administrador decide otorgar una tasa preferencial manual [01:12].
3. 🎨 Ajustes en la Interfaz de Usuario
Mejoramos la disposición de los elementos para un flujo de trabajo más natural:
- Reordenamiento: Movimos el bloque de "Datos del Préstamo" al inicio del formulario para que la selección de categoría e interés sea el primer paso lógico antes de calcular las cuotas [07:44].
- Visualización en Select: Ahora las opciones del desplegable muestran el nombre y el porcentaje al lado (ej. "Comercial - 25%"), facilitando la toma de decisiones al operador [08:13].
Estado del Proyecto:
- Contabilidad: Cálculos 100% exactos y consistentes entre base de datos y PDFs.
- Usabilidad: Reducción de errores manuales al automatizar la entrada de tasas de interés.
Lecciones
Introducción e instalación
Módulo Ajustes del sistema
Lección 6. 11 ✅ | ¡Módulo de Ajustes Listo! Traer Información y Guardar Cambios | Laravel 12 💰
18 min
Módulo Roles
Lección 3. 14 📋 | Listado de Roles: Creando una Tabla Profesional con Tailwind CSS | Laravel 12 🚀
11 min
Lección 4. 15 ➕ Creando Nuevos Roles: Formulario de Registro y Validación | Laravel 12 & Spatie 🛡️
17 min
Lección 8. 19 💣 Método Destroy: Cómo Eliminar Registros con Validación y Alertas Pro en Laravel 12 ✨
9 min
Módulo Usuarios
Módulo clientes
Lección 2. 29 Cómo crear Datos de Prueba con Factories - Módulo Clientes Laravel Factories y Faker 🚀
21 min
Módulo Categorías
Módulo Prestamos y Pagos
Lección 5. 46 Módulo de Pagos en Laravel 12: Migración, Estructura de Cuotas y Control de Estados 💳📊
13 min
Módulo Contratos
Módulo Notificaciones
Módulo Permisos
Módulo Backups
Módulo Reportes
Módulo Producción
Lección 4. 77 Mostrar Roles de Usuario en la Interfaz: Personalización con Flux UI y FontAwesome 🛡️👤
13 min
Módulo Pagos Parciales
Módulo Liquidación de Préstamo
Últimos Ajustes del Sistema
Lección 7. 100 Página 404 Personalizada en Laravel: Diseño Elegante y Profesional para tu Sistema 🚫✨
7 min
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️
