118 lines
6.5 KiB
HTML
118 lines
6.5 KiB
HTML
<!doctype html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Volley Manager</title>
|
|
<link rel="stylesheet" href="/assets/tailwind.css?v=<?= filemtime(__DIR__ . '/assets/tailwind.css') ?>">
|
|
<link rel="stylesheet" href="/assets/styles.css?v=<?= filemtime(__DIR__ . '/assets/styles.css') ?>">
|
|
</head>
|
|
<body class="bg-slate-100 text-slate-900 dark:bg-zinc-950 dark:text-zinc-100">
|
|
<div class="site-bg" aria-hidden="true"></div>
|
|
<div id="toast" class="fixed right-4 top-4 z-50 space-y-2"></div>
|
|
|
|
<div class="app-shell">
|
|
<header class="mobile-topbar">
|
|
<button id="mobileMenuBtn" class="mobile-menu-btn" type="button" title="Abrir menu">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 6h16"></path><path d="M4 12h16"></path><path d="M4 18h16"></path></svg>
|
|
</button>
|
|
<button class="brand-mark" data-route="public" title="Volley Manager">VM</button>
|
|
<div class="min-w-0">
|
|
<p class="truncate text-sm font-black">Volley Manager</p>
|
|
<p class="truncate text-xs text-slate-500 dark:text-zinc-400">Torneos y planilla</p>
|
|
</div>
|
|
</header>
|
|
<div id="mobileMenuBackdrop" class="mobile-menu-backdrop"></div>
|
|
|
|
<aside id="sidebar" class="sidebar">
|
|
<div class="sidebar-brand">
|
|
<button class="brand-mark" data-route="public" title="Volley Manager">VM</button>
|
|
<div class="sidebar-label min-w-0">
|
|
<p class="truncate text-sm font-black">Volley Manager</p>
|
|
<p class="truncate text-xs text-slate-500 dark:text-zinc-400">Torneos y planilla</p>
|
|
</div>
|
|
<button id="sidebarToggle" class="sidebar-toggle" title="Minimizar menu" type="button">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15 6l-6 6 6 6"></path></svg>
|
|
</button>
|
|
</div>
|
|
|
|
<nav class="sidebar-nav" aria-label="Menu principal">
|
|
<button class="nav-btn sidebar-nav-item" data-route="public" title="Publico">
|
|
<span class="nav-icon"><svg viewBox="0 0 24 24"><path d="M4 10l8-6 8 6v10H4z"></path><path d="M9 20v-6h6v6"></path></svg></span>
|
|
<span class="sidebar-label">Publico</span>
|
|
</button>
|
|
<button class="nav-btn sidebar-nav-item" data-route="admin" title="Admin">
|
|
<span class="nav-icon"><svg viewBox="0 0 24 24"><path d="M12 3l8 4v6c0 5-3.5 7.5-8 8-4.5-.5-8-3-8-8V7z"></path><path d="M9 12l2 2 4-4"></path></svg></span>
|
|
<span class="sidebar-label">Admin</span>
|
|
</button>
|
|
<button class="nav-btn sidebar-nav-item" data-route="score" title="Planilla">
|
|
<span class="nav-icon"><svg viewBox="0 0 24 24"><path d="M6 3h12v18H6z"></path><path d="M9 7h6"></path><path d="M9 11h6"></path><path d="M9 15h3"></path></svg></span>
|
|
<span class="sidebar-label">Planilla</span>
|
|
</button>
|
|
<button class="nav-btn sidebar-nav-item" data-route="team-link" title="Ficha online">
|
|
<span class="nav-icon"><svg viewBox="0 0 24 24"><path d="M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0z"></path><path d="M4 21a8 8 0 0 1 16 0"></path></svg></span>
|
|
<span class="sidebar-label">Ficha online</span>
|
|
</button>
|
|
</nav>
|
|
|
|
<div class="sidebar-panels">
|
|
<section class="sidebar-panel">
|
|
<h2 class="section-title sidebar-label">Sesion</h2>
|
|
<div class="sidebar-panel-content">
|
|
<div class="min-w-0">
|
|
<p id="sessionUser" class="truncate text-sm font-black">Invitado</p>
|
|
<p id="sessionRole" class="text-xs text-slate-500">Modo publico</p>
|
|
</div>
|
|
<button id="sideLoginBtn" class="btn-primary w-full whitespace-nowrap">Ingresar</button>
|
|
</div>
|
|
<button id="loginBtn" class="sidebar-mini-action" title="Ingresar" type="button">
|
|
<svg viewBox="0 0 24 24"><path d="M10 17l5-5-5-5"></path><path d="M15 12H3"></path><path d="M15 4h4v16h-4"></path></svg>
|
|
</button>
|
|
</section>
|
|
|
|
<section class="sidebar-panel">
|
|
<h2 class="section-title sidebar-label">Torneo activo</h2>
|
|
<div class="sidebar-panel-content">
|
|
<select id="tournamentSelect" class="input"></select>
|
|
<p id="sessionInfo" class="mt-3 text-xs text-slate-500">Modo publico</p>
|
|
<div class="mt-3 grid grid-cols-2 gap-2 text-sm">
|
|
<button class="btn-muted" id="refreshBtn">Actualizar</button>
|
|
<button class="btn-muted" id="fixtureBtn">Fixture auto</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="sidebar-footer">
|
|
<button id="themeBtn" class="sidebar-nav-item theme-item" title="Cambiar tema" type="button">
|
|
<span class="nav-icon"><svg viewBox="0 0 24 24"><path d="M12 3a9 9 0 1 0 9 9 7 7 0 0 1-9-9z"></path></svg></span>
|
|
<span class="sidebar-label">Tema</span>
|
|
</button>
|
|
</div>
|
|
</aside>
|
|
|
|
<main class="app-main">
|
|
<section id="view" class="min-h-[70vh]"></section>
|
|
</main>
|
|
</div>
|
|
|
|
<div id="modalRoot" class="modal-root hidden" aria-hidden="true">
|
|
<div class="modal-backdrop" data-modal-close></div>
|
|
<section class="modal-card" role="dialog" aria-modal="true" aria-labelledby="modalTitle">
|
|
<div class="modal-header">
|
|
<div>
|
|
<p id="modalEyebrow" class="modal-eyebrow"></p>
|
|
<h2 id="modalTitle" class="modal-title"></h2>
|
|
<p id="modalSubtitle" class="modal-subtitle"></p>
|
|
</div>
|
|
<button class="modal-close" type="button" data-modal-close title="Cerrar">x</button>
|
|
</div>
|
|
<div id="modalBody" class="modal-body"></div>
|
|
<div id="modalFooter" class="modal-footer hidden"></div>
|
|
</section>
|
|
</div>
|
|
|
|
<script src="/assets/app.js?v=<?= filemtime(__DIR__ . '/assets/app.js') ?>"></script>
|
|
</body>
|
|
</html>
|