diff options
Diffstat (limited to 'views/familie.html')
| -rw-r--r-- | views/familie.html | 277 |
1 files changed, 277 insertions, 0 deletions
diff --git a/views/familie.html b/views/familie.html new file mode 100644 index 0000000..83d1df7 --- /dev/null +++ b/views/familie.html @@ -0,0 +1,277 @@ +{% extends "snippets/layout.html" %} + +{% block title 'Hochzeit: f(m) { return "2023-04-01"; }' %} + +{% block css %} + .main { + margin-top: 4rem; + } + + .index-list > li { + margin-bottom: 1rem; + } + + body { + background-color: #1c1c1c; + } + + #footer { + background-color: #e1e1e1; + } + .string { + color: #ddd277; + } + .keyword { + color: #cd015f; + } + .tab-over-space { + margin-left: 2rem; + } + @media (max-width: 490px) { + .tab-over-space-on-mobile { + margin-left: 2rem; + } + } + .text-muted { + color: #808080 !important; + } + + fform { + padding: 1.5rem; + margin-right: 0; + margin-left: 0; + border-width: .2rem; + position:relative; + } + + .btn-submit { + background-color: #f07206; + border-color: #f07206; + } + .hidden { + display:none; + } +{% endblock %} + +{% block main %} + +<div class="container"> + + {% for person in data %} + {% if loop.first %} + Hallo + {% else %} + hallo + {% endif %} + + {% if not loop.last %} + {{ person.name }}, + {% else %} + {{ person.name }},<br> + {% endif %} + {% endfor %} + + <br> + + {% if data | length > 1 %} + <p>ihr seid herzlich zu unserer Hochzeit am <u><strong>1. April 2023</strong></u> eingeladen. Um uns unsere Planung zu erleichtern, haben wir ein paar wichtige Fragen an euch:</p> + {% else %} + <p>du bist herzlich zu unserer Hochzeit am <u><strong>1. April 2023</strong></u> eingeladen. Um uns unsere Planung zu erleichtern, haben wir ein paar wichtige Fragen an dich:</p> + {% endif %} + <br> + + {% if updated %} + <strong style=color:green>Dankeschön für die Eintragung!</strong> + <br> + <br> + {% endif %} + + <form method="GET" action="/submit"> + <h2> + {% if data | length > 1 %} + Kommt ihr zu unserer Hochzeit? + {% else %} + Kommst du zu unserer Hochzeit? + {% endif %} + </h2> + <div class="form-check form-check-inline"> + <input class="form-check-input" type="radio" name="zusage" id="zusage" value="zusage"> + <label class="form-check-label" for="zusage"> Ja!</label> + </div> + <div class="form-check form-check-inline"> + <input class="form-check-input" type="radio" name="zusage" id="zusage_absage" value="absage"> + <label class="form-check-label" for="zusage_absage"> + {% if data | length > 1 %} + Leider passt uns der Termin nicht + {% else %} + Leider passt mir der Termin nicht. + {% endif %} + </label> + </div> + {% if data | length > 1 %} + <div class="form-check form-check-inline"> + <input class="form-check-input" type="radio" name="zusage" id="zusage_teilweise" value="teilweise"> + <label class="form-check-label" for="zusage_teilweise"> + Teilweise + </label> + </div> + {% else %} + <div id="zusage_teilweise" class="hidden"></div> <!-- Javascript hasst mich --> + {% endif %} + + <br> + <br> + + {% if data | length > 1 %} + <div class="hidden" id="zusage_detail"> + {% for person in data %} + {{ person.name }}: + <br> + <div class="form-check form-check-inline"> + <input class="form-check-input" type="radio" name="{{ person.id }}_zusage" id="{{ person.id }}_zusage" value="zusage"> + <label class="form-check-label" for="{{ person.id }}_zusage"> Ja!</label> + </div> + <div class="form-check form-check-inline"> + <input class="form-check-input" type="radio" name="{{ person.id }}_zusage" id="{{ person.id }}_zusage_absage" value="absage"> + <label class="form-check-label" for="{{ person.id }}_zusage_absage"> Nein, ich komme nicht + </label> + </div> + + <br> + {% endfor %} + + <br> + + </div> + {% endif %} + + <h2> + {% if data | length > 1 %} + Kommt ihr mit dem Auto? + {% else %} + Kommst du mit dem Auto? + {% endif %} + </h2> + <div class="form-check form-check-inline"> + <input class="form-check-input" type="radio" name="auto" id="auto_zusage" value="zusage"> + <label class="form-check-label" for="auto_zusage"> + {% if data | length > 1 %} + Ja, wir kommen mit dem Atuo + {% else %} + Ja, ich kommt mit meinem Auto + {% endif %} + </label> + </div> + <div class="form-check form-check-inline"> + <input class="form-check-input" type="radio" name="auto" id="auto_zusage_absage" value="absage"> + <label class="form-check-label" for="auto_zusage_absage"> + {% if data | length > 1 %} + Nein, wir brauchen eventuell Plätze in freien Autos + {% else %} + Nein, ich brauche eventuell einen freien Platz in einem Auto + {% endif %} + </label> + </div> + <div class="form-check form-check-inline"> + <input class="form-check-input" type="radio" name="auto" id="auto_unbekannt" value="unbekannt"> + <label class="form-check-label" for="auto_unbekannt"> + {% if data | length > 1 %} + Wissen wir noch nicht + {% else %} + Weiß ich noch nicht + {% endif %} + </label> + </div> + + <br> + + <div class="hidden" id="auto_freie_plätze"> + <br> + <h2> + {% if data | length > 1 %} + Hättet ihr noch Plätze im Auto frei? Wenn ja, wie viele? + {% else %} + Hättest du noch Plätze im Auto frei? Wenn ja, wie viele? + {% endif %} + </h2> + <div class="form-group"> + <div class="form-row"> + <div class="col-xl-2 col-12 "> + <input type="number" class="form-control" name="plätze" id="plätze" aria-describedby="" value=0> + </div> + </div> + </div> + </div> + + <br> + <h2> + {% if data | length > 1 %} + Möchtet ihr vegetarisch oder mit Fleisch essen? + {% else %} + Möchtest du vegetarisch oder mit Fleisch essen? + {% endif %} + </h2> + {% for person in data %} + + {% if data | length > 1 %} + {{ person.name }}: + <br> + {% endif %} + + <div class="form-check form-check-inline"> + <input class="form-check-input" type="radio" name="{{ person.id }}_essenwahl" id="{{ person.id }}_mit_fleisch" value="mit_fleisch"> + <label class="form-check-label" for="{{ person.id }}_mit_fleisch"> Mit Fleisch (Ente)</label> + </div> + <div class="form-check form-check-inline"> + <input class="form-check-input" type="radio" name="{{ person.id }}_essenwahl" id="{{ person.id }}_ohne_fleisch" value="ohne_fleisch"> + <label class="form-check-label" for="{{ person.id }}_ohne_fleisch"> Vegetarisch + </label> + </div> + <!-- + <div class="form-check form-check-inline"> + <input class="form-check-input" type="radio" name="{{ person.id }}_essenwahl" id="{{ person.id }}_essen_egal" value="essen_egal"> + <label class="form-check-label" for="{{ person.id }}_essen_egal"> Egal + </label> + </div> + --> + + <br> + {% endfor %} + + <br> + <p><h2>Für das Abendessen steht ein Caterer bereit. Anstatt Geschenke wünschen wir uns einen Beitrag für einen Snack nach der kirchlichen Trauung, bzw. Beiträge zum Kaffee & Kuchen. + {% if data | length > 1 %} + Würdet ihr etwas mitbringen? + {% else %} + Würdest du etwas mitbringen? + {% endif %} + </h2></p> + <div class="form-row"> + <textarea class="col-12" rows=3 name="buffetbeitrag"></textarea> + </div> + <br> + + <p><h2>Wünsche oder Bemerkungen!</h2><span class="text-muted">(Zum Beispiel veganes Essen, gewünschte Musik oder ähnliches)</span></p> + <div class="form-row"> + <textarea class="col-12" rows=3 name="bemerkungsfeld"></textarea> + </div> + + <br> + <br> + <input type="hidden" name="familie" value="{{ data[0].familien_id }}"> + <button type="submit" class="btn btn-submit mb-2">Abschicken!</button> + </form> +</div> + +<script> +window.addEventListener("load",function() { + document.getElementById('zusage_teilweise').addEventListener("click", function(e){ + document.getElementById('zusage_detail').classList.remove("hidden"); + }); + document.getElementById('auto_zusage').addEventListener("click", function(e){ + document.getElementById('auto_freie_plätze').classList.remove("hidden"); + }); +}); +</script> + +{% endblock %} |