63 lines
3.5 KiB
HTML
63 lines
3.5 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>
|
|
<div class="toolbar-right">
|
|
<div class="admin-actions no-print">
|
|
<button id="export-csv" type="button" disabled>CSV / Excel</button>
|
|
<button id="print-list" type="button" disabled>Udskriv / PDF</button>
|
|
</div>
|
|
<span id="count" class="count">Henter...</span>
|
|
</div>
|
|
</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 aria-sort="none"><button type="button" class="sort-button" data-sort="id">Skivenr.<span class="sort-arrow" aria-hidden="true"> ↕</span></button></th>
|
|
<th aria-sort="none"><button type="button" class="sort-button" data-sort="name">Navn<span class="sort-arrow" aria-hidden="true"> ↕</span></button></th>
|
|
<th aria-sort="none"><button type="button" class="sort-button" data-sort="streetAddress">Vejnavn og husnummer<span class="sort-arrow" aria-hidden="true"> ↕</span></button></th>
|
|
<th aria-sort="none"><button type="button" class="sort-button" data-sort="postalCode">Postnummer<span class="sort-arrow" aria-hidden="true"> ↕</span></button></th>
|
|
<th aria-sort="none"><button type="button" class="sort-button" data-sort="city">Postby<span class="sort-arrow" aria-hidden="true"> ↕</span></button></th>
|
|
<th aria-sort="none"><button type="button" class="sort-button" data-sort="birthday">Fødselsdag<span class="sort-arrow" aria-hidden="true"> ↕</span></button></th>
|
|
<th aria-sort="none"><button type="button" class="sort-button" data-sort="email">Email<span class="sort-arrow" aria-hidden="true"> ↕</span></button></th>
|
|
<th aria-sort="none"><button type="button" class="sort-button" data-sort="createdAt">Registreret<span class="sort-arrow" aria-hidden="true"> ↕</span></button></th>
|
|
<th aria-sort="none"><button type="button" class="sort-button" data-sort="result">Resultat<span class="sort-arrow" aria-hidden="true"> ↕</span></button></th>
|
|
<th aria-sort="none"><button type="button" class="sort-button" data-sort="x10">X-10<span class="sort-arrow" aria-hidden="true"> ↕</span></button></th>
|
|
<th class="no-print">Handling</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="visitors">
|
|
<tr><td colspan="11" 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>
|