11 lines
2.7 KiB
HTML
11 lines
2.7 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>App viaggio</title><meta name="theme-color" content="#0a1220"><link rel="stylesheet" href="style.css"></head><body>
|
|
<header><div class="wrap"><div class="brand"></div></div></header>
|
|
<main class="wrap">
|
|
<section id="oggi" class="anchor-offset card"><h2 class="section">Oggi</h2><div class="toolbar"><div class="search"><span>🗓️</span><select id="todaySelect"></select></div><div class="actions"><button class="btn ghost" id="prevDay">Indietro</button><button class="btn ghost" id="nextDay">Avanti</button></div></div><div id="todayTop"></div></section>
|
|
<section id="giorni" class="anchor-offset card"><h2 class="section">Giorni</h2><div class="toolbar"><div class="search"><span>🔎</span><input id="searchInput" placeholder="Cerca giorno o città"></div><div class="search"><span>📍</span><select id="cityFilter"></select></div></div><div id="daysList"></div></section>
|
|
<section id="hotel" class="anchor-offset card"><h2 class="section">Hotel</h2><div id="hotelList"></div></section>
|
|
<section id="todo" class="anchor-offset card"><h2 class="section">To do</h2><div class="small">Checklist pre-partenza spuntabile</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 = 182.85 JPY · 1.000 JPY ≈ 5.47 EUR</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><button class="btn sec" id="clearCostsBtn">Azzera tutto</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><div class="notice">Questa versione salva To do e Costi con IndexedDB e prova anche a importare automaticamente i dati già presenti.</div></section>
|
|
</main>
|
|
<nav class="footer"><div class="inner"><a class="navbtn" href="#oggi">Oggi</a><a class="navbtn" href="#giorni">Giorni</a><a class="navbtn" href="#hotel">Hotel</a><a class="navbtn" href="#todo">To do</a><a class="navbtn" href="#costi">Costi</a></div></nav>
|
|
<script src="app.js"></script></body></html> |