mirror of
https://github.com/nfonteyne/octane-website.git
synced 2026-09-03 23:24:48 +02:00
71 lines
2.6 KiB
HTML
71 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Concerts — Octane</title>
|
|
<script src="/js/theme-init.js"></script>
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
</head>
|
|
<body>
|
|
<header class="app-header">
|
|
<nav id="main-nav"></nav>
|
|
</header>
|
|
<main>
|
|
<div class="section-header">
|
|
<h1 style="margin:0">Concerts</h1>
|
|
<div class="view-toggle">
|
|
<button type="button" class="view-toggle-btn active" id="tab-next">Prochain concert</button>
|
|
<button type="button" class="view-toggle-btn" id="tab-history">Historique</button>
|
|
</div>
|
|
</div>
|
|
<div id="error"></div>
|
|
|
|
<div id="next-view">
|
|
<div id="next-list-view">
|
|
<div class="section-header" style="margin:0 0 0.75rem">
|
|
<p class="page-subtitle" style="margin:0">Concerts à venir.</p>
|
|
<button type="button" class="secondary" id="toggle-add-concert-btn">+ Proposer un concert</button>
|
|
</div>
|
|
<div class="panel" id="add-concert-panel" style="display:none">
|
|
<form id="add-concert-form" class="inline-form">
|
|
<label>Nom <input name="name"></label>
|
|
<label>Lieu <input name="venue"></label>
|
|
<label>Date <input type="date" name="concertDate" required></label>
|
|
<button type="submit">Créer le concert</button>
|
|
</form>
|
|
</div>
|
|
<div id="upcoming-concerts-list"><p class="empty">Chargement…</p></div>
|
|
</div>
|
|
|
|
<div id="next-detail-view" style="display:none">
|
|
<a href="#" class="back-link" id="back-to-upcoming-link">← Retour aux concerts à venir</a>
|
|
<div id="next-detail-content"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="history-view" style="display:none">
|
|
<div id="history-list-view">
|
|
<div class="section-header" style="margin:0 0 0.75rem">
|
|
<p class="page-subtitle" style="margin:0">Du plus récent au plus ancien en défilant vers le bas.</p>
|
|
<button type="button" class="secondary" id="toggle-history-mode-btn">Vue réduite</button>
|
|
</div>
|
|
<div id="timeline-view"></div>
|
|
<div id="compact-view" class="card-grid" style="display:none"></div>
|
|
</div>
|
|
|
|
<div id="history-detail-view" style="display:none">
|
|
<a href="#" class="back-link" id="back-to-history-link">← Retour à l'historique</a>
|
|
<div id="history-detail-content"></div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="/js/api.js"></script>
|
|
<script src="/js/render.js"></script>
|
|
<script src="/js/nav.js"></script>
|
|
<script src="/js/setlistEditor.js"></script>
|
|
<script src="/js/concerts.js"></script>
|
|
</body>
|
|
</html>
|