103 lines
3.3 KiB
HTML
103 lines
3.3 KiB
HTML
<!doctype html>
|
||
<html lang="it">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||
<title>Viaggio</title>
|
||
<meta name="theme-color" content="#f7f2ea" />
|
||
<link rel="stylesheet" href="/static/style.css" />
|
||
</head>
|
||
<body class="page">
|
||
<header class="topbar">
|
||
<div class="wrap topbar-inner">
|
||
<div class="brand">
|
||
<div class="brand-mark" aria-hidden="true"></div>
|
||
<div>
|
||
<div class="brand-title">Viaggio di nozze</div>
|
||
<div class="brand-sub">Piano, spostamenti, todo e costi</div>
|
||
</div>
|
||
</div>
|
||
|
||
<form method="post" action="/logout">
|
||
<button class="btn ghost" type="submit">Logout</button>
|
||
</form>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="wrap">
|
||
<section id="calendario" class="anchor-offset card">
|
||
<h2 class="section">Calendario</h2>
|
||
<div class="small">Clicca un giorno per vedere il piano (lorem ipsum).</div>
|
||
<div id="calendar" class="calendar"></div>
|
||
</section>
|
||
|
||
<section id="giorno" class="anchor-offset card">
|
||
<h2 class="section">Giorno selezionato</h2>
|
||
<div id="dayView"></div>
|
||
</section>
|
||
|
||
<section id="todo" class="anchor-offset card">
|
||
<h2 class="section">To do</h2>
|
||
<div class="toolbar">
|
||
<div class="search">
|
||
<span>＋</span>
|
||
<input id="todoNewText" placeholder="Aggiungi una cosa da fare" />
|
||
</div>
|
||
<div class="actions">
|
||
<button class="btn" id="todoAddBtn">Aggiungi</button>
|
||
</div>
|
||
</div>
|
||
<div id="todoList"></div>
|
||
</section>
|
||
|
||
<section id="costi" class="anchor-offset card">
|
||
<h2 class="section">Costi</h2>
|
||
<div class="small">Cambio di riferimento: 1 EUR = <span id="rate">182.85</span> JPY</div>
|
||
|
||
<div class="cost-inputs">
|
||
<div class="search">
|
||
<span>🧾</span>
|
||
<input id="costDesc" placeholder="Descrizione spesa" />
|
||
</div>
|
||
<div class="search">
|
||
<span>¥</span>
|
||
<input id="costJpy" type="number" min="0" step="1" placeholder="Importo JPY" />
|
||
</div>
|
||
<div class="search">
|
||
<span>€</span>
|
||
<input id="costEur" type="number" min="0" step="0.01" placeholder="Importo EUR" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="actions" style="margin-top: 10px">
|
||
<button class="btn" id="addCostBtn">Aggiungi spesa</button>
|
||
</div>
|
||
|
||
<div id="costList"></div>
|
||
|
||
<div class="totals">
|
||
<div class="kpi">
|
||
<div class="label">Totale JPY</div>
|
||
<div class="value" id="totalJpy">¥0</div>
|
||
</div>
|
||
<div class="kpi">
|
||
<div class="label">Totale EUR</div>
|
||
<div class="value" id="totalEur">€0,00</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<nav class="footer">
|
||
<div class="inner">
|
||
<a class="navbtn" href="#calendario">Calendario</a>
|
||
<a class="navbtn" href="#giorno">Giorno</a>
|
||
<a class="navbtn" href="#todo">To do</a>
|
||
<a class="navbtn" href="#costi">Costi</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<script src="/static/app.js"></script>
|
||
</body>
|
||
</html>
|