58 lines
2.0 KiB
HTML
58 lines
2.0 KiB
HTML
<!doctype html>
|
|
<html lang="da">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Besøgende - Skydesportens Dag</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<link rel="stylesheet" href="/styles.css">
|
|
<link rel="stylesheet" href="/vendor/leaflet/leaflet.css">
|
|
</head>
|
|
<body>
|
|
<main class="shell admin-shell">
|
|
<section class="panel wide">
|
|
<div class="toolbar">
|
|
<div>
|
|
<p class="eyebrow">Vestfalster Skytteforening</p>
|
|
<h1>Besøgende</h1>
|
|
</div>
|
|
<span id="count" class="count">Henter...</span>
|
|
</div>
|
|
<div class="admin-actions no-print">
|
|
<button id="export-csv" type="button" disabled>Download CSV</button>
|
|
<button id="print-list" type="button" disabled>Udskriv / gem som PDF</button>
|
|
</div>
|
|
<div id="message" class="notice" hidden></div>
|
|
<section class="participant-map no-print" aria-labelledby="map-title">
|
|
<h2 id="map-title">Hvor kommer deltagerne fra?</h2>
|
|
<p>Fordelt på postnumre. Klik på en cirkel for at se postby og antal.</p>
|
|
<div id="participant-map" aria-label="Kort over deltagernes postbyer"></div>
|
|
<p id="map-status" role="status">Henter kort...</p>
|
|
</section>
|
|
<div class="table-wrap">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Navn</th>
|
|
<th>Vejnavn og husnummer</th>
|
|
<th>Postnummer</th>
|
|
<th>Postby</th>
|
|
<th>Fødselsdag</th>
|
|
<th>Email</th>
|
|
<th>Registreret</th>
|
|
<th class="no-print">Handling</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="visitors">
|
|
<tr><td colspan="8" class="empty">Henter besøgende...</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<script src="/vendor/leaflet/leaflet.js"></script>
|
|
<script src="/participant-map.js"></script>
|
|
<script src="/admin.js"></script>
|
|
</body>
|
|
</html>
|