caudal/programa/cartera/web/index.html
2026-10-19 12:42:00 -05:00

63 lines
4.5 KiB
HTML

<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="token" content="__TOKEN__">
<meta name="referrer" content="no-referrer">
<title>Caudal</title>
<link rel="icon" href="/web/icono.svg" type="image/svg+xml">
<script src="/web/tema.js"></script>
<link rel="stylesheet" href="/web/estilo.css">
</head>
<body>
<header class="cabecera">
<div class="cabecera-fila">
<img class="logo" src="/web/icono.svg" alt="" width="34" height="34">
<div class="marca">Caudal<small id="subtitulo">Cargando…</small></div>
<button class="btn no-movil" id="btn-precios" type="button">Actualizar precios</button>
<button class="btn no-movil" id="btn-asistente" type="button" title="Cuéntame lo que has hecho y te preparo la operación">💬 Cuéntame</button>
<button class="btn btn-primario" id="btn-operacion" type="button">+ Operación</button>
<button class="btn btn-tema" id="btn-tema" type="button"></button>
<div class="menu">
<button class="btn" id="btn-menu" type="button" aria-haspopup="true" aria-expanded="false">Más ▾</button>
<div class="menu-lista oculto" id="menu-lista" role="menu">
<button type="button" class="solo-movil" data-vista="cerradas" role="menuitem">Inversiones cerradas</button>
<button type="button" class="solo-movil" data-vista="automaticas" role="menuitem">Operaciones automáticas</button>
<div class="menu-titulo solo-movil" role="presentation"></div>
<button type="button" class="solo-movil" data-accion="precios" role="menuitem">Actualizar precios</button>
<button type="button" data-accion="nuevo-activo" role="menuitem">Nueva inversión</button>
<button type="button" data-accion="recurrente" role="menuitem">Nueva operación automática</button>
<button type="button" data-accion="bitcoin" role="menuitem">Bitcoin: mi nodo y mis monederos…</button>
<button type="button" data-accion="extracto" role="menuitem">Importar un extracto (CSV)…</button>
<button type="button" data-accion="exportar" role="menuitem">Exportar a Excel (.xlsx)</button>
<button type="button" data-accion="copia" role="menuitem">Copia de seguridad…</button>
<button type="button" data-accion="enlace" role="menuitem">Sincronizar con otro Caudal…</button>
<div class="menu-titulo" role="presentation">Avanzado</div>
<button type="button" data-accion="sincronizar" role="menuitem">Copia cifrada en tu servidor git…</button>
<button type="button" data-accion="fuentes" role="menuitem">Comprobar las fuentes de precios…</button>
<div class="menu-titulo" role="presentation"></div>
<button type="button" class="solo-servidor" data-accion="clave" role="menuitem">Cambiar contraseña…</button>
<button type="button" class="solo-servidor" data-accion="cifrado" role="menuitem">Cifrado de los datos…</button>
<button type="button" class="oculto" data-accion="lanzador" role="menuitem">Añadir al menú de aplicaciones</button>
<button type="button" data-accion="acerca" role="menuitem">Acerca de Caudal…</button>
<button type="button" data-accion="salir" role="menuitem">Salir</button>
</div>
</div>
</div>
<nav class="pestanas" role="tablist">
<button class="pestana" role="tab" data-vista="resumen" aria-selected="true">Resumen</button>
<button class="pestana" role="tab" data-vista="activos" aria-selected="false">Inversiones</button>
<button class="pestana" role="tab" data-vista="cerradas" aria-selected="false">Cerradas</button>
<button class="pestana" role="tab" data-vista="movimientos" aria-selected="false">Operaciones</button>
<button class="pestana" role="tab" data-vista="automaticas" aria-selected="false">Automáticas</button>
<button class="pestana" role="tab" data-vista="fiscal" aria-selected="false">Fiscal</button>
<button class="pestana-mas" id="pestana-mas" type="button" aria-haspopup="true" aria-expanded="false" aria-selected="false">Más</button>
</nav>
<button class="boton-cuentame" id="btn-cuentame" type="button" aria-label="Cuéntame lo que has hecho" title="Cuéntame lo que has hecho">💬</button>
</header>
<main id="contenido"><p class="vacio">Cargando la cartera…</p></main>
<div class="toasts" id="toasts" aria-live="polite"></div>
<script src="/web/app.js"></script>
</body>
</html>