mirror of
https://github.com/guyg1474/hcrb.git
synced 2026-10-15 23:13:28 +02:00
97 lines
3.7 KiB
HTML
97 lines
3.7 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Fahrtplaner – HCRB</title>
|
||
<link rel="stylesheet" href="/css/style.css">
|
||
</head>
|
||
<body>
|
||
<main class="narrow">
|
||
<div id="from-event" class="notice no-print" hidden></div>
|
||
|
||
<div class="card no-print">
|
||
<div class="card-head">
|
||
<h2>Fahrt</h2>
|
||
<button type="button" id="reset-btn" class="small">Eingabe zurücksetzen</button>
|
||
</div>
|
||
<div class="grid2">
|
||
<label>Ziel / Event
|
||
<input type="text" id="trip-title" placeholder="z. B. Spieltag Waldfeld">
|
||
</label>
|
||
<label>Datum
|
||
<input type="date" id="trip-date">
|
||
</label>
|
||
</div>
|
||
<label>Treffpunkt (Standard)
|
||
<select id="trip-point"></select>
|
||
</label>
|
||
<p id="trip-points-empty" class="muted" hidden>Treffpunkte legst du unter <a href="/gruppe">Gruppe</a> an.</p>
|
||
<div class="grid2">
|
||
<label>Abfahrt
|
||
<input type="time" id="trip-departure" value="07:00" required>
|
||
</label>
|
||
<label>Treffzeit
|
||
<input type="time" id="trip-meet" value="06:45" required>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card no-print">
|
||
<div class="card-head">
|
||
<h2>Wer kommt mit?</h2>
|
||
<div class="row">
|
||
<button type="button" id="select-all" class="small">Alle</button>
|
||
<button type="button" id="select-none" class="small">Keine</button>
|
||
</div>
|
||
</div>
|
||
<p id="trip-members-empty" class="muted" hidden>Lege zuerst Mitglieder unter <a href="/gruppe">Gruppe</a> an.</p>
|
||
<ul id="trip-members" class="list"></ul>
|
||
</div>
|
||
|
||
<div class="card no-print">
|
||
<h2>Weitere Personen (nur diese Fahrt)</h2>
|
||
<form id="guest-form" class="row wrap">
|
||
<input type="text" id="guest-name" placeholder="Vorname" required autocomplete="off">
|
||
<label class="inline"><input type="checkbox" id="guest-hascar"> Hat Auto</label>
|
||
<input type="number" id="guest-seats" min="1" max="8" value="4" title="Freie Plätze (ohne Fahrer)" hidden>
|
||
<select id="guest-rideswith" title="Fährt am liebsten mit bei"></select>
|
||
<button type="submit">Hinzufügen</button>
|
||
</form>
|
||
<ul id="guests-list" class="list"></ul>
|
||
</div>
|
||
|
||
<div class="card no-print">
|
||
<h2>Feste Zuteilung (nur diese Fahrt)</h2>
|
||
<p class="muted">Wer hier eingetragen ist, fährt sicher bei diesem Fahrer mit – der Fahrer fährt dann auf jeden Fall.
|
||
Alle anderen werden bei der Berechnung automatisch verteilt.</p>
|
||
<form id="fixed-form" class="row wrap">
|
||
<select id="fixed-passenger" title="Wer"></select>
|
||
<span class="muted">fährt bei</span>
|
||
<select id="fixed-driver" title="Fahrer"></select>
|
||
<button type="submit">Festlegen</button>
|
||
</form>
|
||
<ul id="fixed-list" class="list"></ul>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<h2 class="no-print">Einteilung</h2>
|
||
<div class="no-print">
|
||
<label class="inline">
|
||
<input type="checkbox" id="opt-min-cars" checked> Möglichst wenige Autos verwenden
|
||
</label>
|
||
<p class="muted">Wer „fährt immer“ hat und sein Auto dabei hat, fährt trotzdem selbst und bekommt zuerst Mitfahrer.</p>
|
||
<p class="muted">Treffpunkt und Zeiten kannst du danach bei jedem Auto einzeln ändern.
|
||
Fahrer mit eigenem Standard-Treffpunkt (unter Gruppe) starten automatisch dort.</p>
|
||
<div class="row">
|
||
<button id="plan-btn" class="primary">Fahrgemeinschaften berechnen</button>
|
||
</div>
|
||
</div>
|
||
<div id="result"></div>
|
||
</div>
|
||
</main>
|
||
|
||
<script type="module" src="/js/fahrt.js"></script>
|
||
</body>
|
||
</html>
|