Feature: Historial, DELETE de movimientos y sistema de modales

- Nueva pantalla historial.html con movimientos agrupados por mes
- Botón eliminar en cada movimiento con modal de confirmación
- js/ui.js: sistema de modales y toasts reutilizables (reemplaza alert/confirm nativos)
- API: endpoint GET ?view=historial y método DELETE en movimientos.php
- add.html: categorías cargadas dinámicamente desde la API
- index.html: "Ver todo" e ícono de nav apuntan a historial.html
- Docker: eliminado volumen nombrado db_data para evitar problemas de permisos

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ricardo Monla
2026-06-03 16:06:28 -03:00
co-authored by Claude Sonnet 4.6
parent 5a54fdcfde
commit 1db200343d
8 changed files with 356 additions and 32 deletions
+4 -3
View File
@@ -172,7 +172,7 @@
<section class="space-y-4">
<div class="flex justify-between items-center px-1">
<h4 class="headline-sm text-on-surface-variant font-semibold">Movimientos Recientes</h4>
<button class="text-primary text-sm font-bold">Ver todo</button>
<button class="text-primary text-sm font-bold" onclick="window.location.href='historial.html'">Ver todo</button>
</div>
<div id="ui-movimientos" class="space-y-6">
<!-- Transaction 1 -->
@@ -222,8 +222,8 @@
<button class="flex items-center justify-center bg-[#006a6a] text-white rounded-2xl p-3 shadow-lg shadow-[#006a6a]/20 active:scale-90 transition-transform duration-300">
<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">home</span>
</button>
<button class="flex items-center justify-center text-[#3e4948] dark:text-slate-400 p-3 hover:text-[#006a6a] dark:hover:text-teal-300 active:scale-90 transition-transform duration-300">
<span class="material-symbols-outlined">analytics</span>
<button class="flex items-center justify-center text-[#3e4948] dark:text-slate-400 p-3 hover:text-[#006a6a] dark:hover:text-teal-300 active:scale-90 transition-transform duration-300" onclick="window.location.href='historial.html'">
<span class="material-symbols-outlined">history</span>
</button>
<button class="flex items-center justify-center text-[#3e4948] dark:text-slate-400 p-3 hover:text-[#006a6a] dark:hover:text-teal-300 active:scale-90 transition-transform duration-300">
<span class="material-symbols-outlined">credit_card</span>
@@ -231,5 +231,6 @@
<button class="flex items-center justify-center text-[#3e4948] dark:text-slate-400 p-3 hover:text-[#006a6a] dark:hover:text-teal-300 active:scale-90 transition-transform duration-300">
<span class="material-symbols-outlined">person</span>
</button>
<script src="js/ui.js"></script>
<script src="js/dashboard.js"></script>
</body></html>