Enhance event registration system:

- Update Google Sheets integration to support optional tab names.
- Add functionality to fetch and display public participants.
- Revise event configuration in YAML for clarity and consistency.
- Improve form layout with additional fields for contact information and meal preferences.
- Create a new home page template for event selection.
- Update success page to link back to the participants list.
This commit is contained in:
Feiko Wielsma 2025-11-26 17:47:20 +01:00
parent f83a061e39
commit c160446eac
6 changed files with 219 additions and 42 deletions

View file

@ -94,9 +94,13 @@
<input type="text" class="form-control" name="land" value="Nederland">
</div>
<div class="col-md-6">
<label class="form-label">Telefoon (06)</label>
<label class="form-label">Telefoon (Mobiel)</label>
<input type="text" class="form-control" name="telefoonmobiel" required>
</div>
<div class="col-md-6">
<label class="form-label">Telefoon (Vast)</label>
<input type="text" class="form-control" name="telefoonvast">
</div>
<div class="col-md-6">
<label class="form-label">Email</label>
<input type="email" class="form-control" name="email" required>
@ -111,6 +115,19 @@
</div>
</div>
<!-- Eten & Drinken -->
<h4 class="section-title mt-4">Eten & Drinken</h4>
<div class="row g-3 mb-3">
<div class="col-md-6">
<label class="form-label">Aantal personen Buffet (Zaterdag)</label>
<input type="number" class="form-control" name="buffet" min="0" placeholder="0">
</div>
<div class="col-md-6">
<label class="form-label">Aantal personen Ontbijt (Zondag)</label>
<input type="number" class="form-control" name="ontbijt" min="0" placeholder="0">
</div>
</div>
<div class="mb-4">
<label class="form-label">Opmerkingen</label>
<textarea class="form-control" name="opmerkingen" rows="3"></textarea>
@ -134,6 +151,45 @@
</div>
</form>
</div>
<!-- Participants List Section -->
<div class="form-card mt-5" id="deelnemers">
<h3 class="section-title">Huidige Deelnemers</h3>
{% if participants|length > 0 %}
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead class="table-dark">
<tr>
<th>Klasse</th>
<th>Zeilnr</th>
<th>Bootnaam</th>
<th>Type</th>
<th>Schipper</th>
<th>Vereniging</th>
<th>Plaats</th>
</tr>
</thead>
<tbody>
{% for p in participants %}
<tr>
<td>{{ p.klasse }}</td>
<td>{{ p.zeilnummer }}</td>
<td>{{ p.bootnaam }}</td>
<td>{{ p.boottype }}</td>
<td>{{ p.naam }}</td>
<td>{{ p.vereniging }}</td>
<td>{{ p.plaats }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% else %}
<p class="text-center text-muted">Er zijn nog geen inschrijvingen.</p>
{% endif %}
</div>
</div>
</body>