juan-server/APP-LUISA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

caja menor y libro diario

Browse Source
This commit is contained in:
juan-server
2026-09-03 16:03:14 -05:00
commit 1d3e4e9dd0
17 changed files with 1910 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
fronted/cajaMenor.html
+131
View File
@@ -0,0 +1,131 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>App Luisa - Caja Menor</title>
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<header>
<h1>💰 Caja Menor</h1>
</header>
<nav class="nav-menu">
<a href="index.html">🏠 Inicio</a>
<a href="cajaMenor.html" class="active">💰 Caja Menor</a>
<a href="libroDiario.html">📒 Libro Diario</a>
<a href="transportadoras.html">🚚 Transportadoras</a>
<a href="averias.html">⚠️ Averías</a>
<a href="pagosMensuales.html">💳 Pagos Mensuales</a>
<a href="https://script.google.com/macros/s/AKfycbxTNLv-ZJoboN1IybWeSXITP_FkQf6APFFbOMCX3mPMOaBBh2ACbpLBeMOHSbutKLAtYA/exec" target="_blank">✅ Confirmación</a>
<button class="btn-sync" id="btnSync" title="Sincronizar con Google Sheets">🔄 Sync</button>
</nav>
<main class="contenido">
<!-- FORMULARIO -->
<div class="formulario-card">
<h2>Nuevo Movimiento</h2>
<form id="formMovimiento">
<div class="form-grupo">
<label for="fecha">Fecha</label>
<input type="date" id="fecha" required>
</div>
<div class="form-grupo">
<label for="tipo">Tipo</label>
<select id="tipo" required>
<option value="">Seleccionar...</option>
<option value="Ingreso">💵 Ingreso</option>
<option value="Salida">💸 Salida</option>
</select>
</div>
<div class="form-grupo">
<label for="descripcion">Descripción</label>
<input type="text" id="descripcion" placeholder="Ej: Pago de papelería" required>
</div>
<div class="form-grupo">
<label for="monto">Monto</label>
<input type="number" id="monto" placeholder="0" min="0" step="1" required>
</div>
<button type="submit" class="btn-guardar">💾 Guardar</button>
</form>
</div>
<!-- TOTAL -->
<div class="total-card">
<h2>Total en Caja</h2>
<p id="totalCaja" class="total-monto">$0.00</p>
<p class="total-detalle">Ingresos − Salidas</p>
</div>
<!-- TABLA -->
<div class="tabla-card">
<h2>📋 Movimientos</h2>
<table>
<thead>
<tr>
<th>Fecha</th>
<th>Tipo</th>
<th>Descripción</th>
<th>Monto</th>
<th></th>
</tr>
</thead>
<tbody id="tablaMovimientos">
<tr><td colspan="5" class="sin-datos">Cargando...</td></tr>
</tbody>
</table>
</div>
</main>
<!-- MODAL EDITAR -->
<div class="modal-fondo" id="modalEditarFondo">
<div class="modal">
<h3>✏️ Editar movimiento</h3>
<div class="form-grupo">
<label for="editFecha">Fecha</label>
<input type="date" id="editFecha">
</div>
<div class="form-grupo">
<label for="editTipo">Tipo</label>
<select id="editTipo">
<option value="Ingreso">💵 Ingreso</option>
<option value="Salida">💸 Salida</option>
</select>
</div>
<div class="form-grupo">
<label for="editDescripcion">Descripción</label>
<input type="text" id="editDescripcion">
</div>
<div class="form-grupo">
<label for="editMonto">Monto</label>
<input type="number" id="editMonto" min="0" step="1">
</div>
<div class="modal-botones">
<button class="btn-cancelar" id="btnCancelarEdicion">Cancelar</button>
<button class="btn-confirmar" id="btnGuardarEdicion">Guardar</button>
</div>
</div>
</div>
<!-- MODAL BORRAR -->
<div class="modal-fondo" id="modalBorrarFondo">
<div class="modal">
<h3>🗑️ Borrar movimiento</h3>
<p class="modal-texto-borrar">¿Seguro que quieres borrar este registro?</p>
<p class="modal-texto-borrar" id="borrarDescripcion"></p>
<div class="modal-botones">
<button class="btn-cancelar" id="btnCancelarBorrar">Cancelar</button>
<button class="btn-borrar-confirmar" id="btnConfirmarBorrar">Borrar</button>
</div>
</div>
</div>
<script src="acciones.js"></script>
<script src="cajaMenor.js"></script>
</body>
</html>