1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
|
{% 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. Die allgemeinen Infos werden bald auf der <a href="/" title="Startseite">Startseite</a> veröffentlicht. Um uns unsere Planung zu erleichtern, haben wir ein paar wichtige Fragen an euch. Bitte gebt uns bis zum <strong>31.12.2022</strong> Bescheid.</p>
{% else %}
<p>du bist herzlich zu unserer Hochzeit am <u><strong>1. April 2023</strong></u> eingeladen. Die allgemeinen Infos werden bald auf der <a href="/" title="Startseite">Startseite</a> veröffentlicht. Um uns unsere Planung zu erleichtern, haben wir ein paar wichtige Fragen an dich. Bitte gib uns bis zum <strong>31.12.2022</strong> Bescheid.</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, vegan oder mit Fleisch essen?
{% else %}
Möchtest du vegetarisch, vegan 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 }}_vegan" value="vegan">
<label class="form-check-label" for="{{ person.id }}_vegan"> Vegan
</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="{{ person.id }}_essenwahl" id="{{ person.id }}_kinder" value="kinder">
<label class="form-check-label" for="{{ person.id }}_kinder"> Kinderteller (Nudeln mit Tomatensauce)
</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>Buffetbeitrag</h2>
Für das Abendessen steht ein Caterer bereit. Anstatt Geschenke wünschen wir uns einen Beitrag für einen Snack oder Fingerfood nach der kirchlichen Trauung, bzw. Beiträge zum Kaffee & Kuchen.</p>
{% 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="ttext-muted">Das Feld ist für Anmerkungen gedacht, zum Beispiel Unverträglichkeiten, gewünschte Musik oder Ähnliches.</span>
<br>
{% if data | length > 1 %}
Wir haben eine
<a href="https://open.spotify.com/playlist/28Ygo8KqFgmHmUKgxqKAIc?pt=8952c1c9e0836119f2b043c7c842f1ec" target=_blank title="Hier klicken um zur Spotify-Playlist zu kommen">Spotify-Playlist</a>,
zu der ihr eure gewünschten Lieder gerne hinzufügen könnt. Falls ihr kein Spotify habt, könnt ihr uns auch eure Liederwünsche hier eintragen und wir fügen sie hinzu.
{% else %}
Wir haben eine
<a href="https://open.spotify.com/playlist/28Ygo8KqFgmHmUKgxqKAIc?pt=8952c1c9e0836119f2b043c7c842f1ec" target=_blank title="Hier klicken um zur Spotify-Playlist zu kommen">Spotify-Playlist</a>,
zu der du deine gewünschten Lieder gerne hinzufügen kannst. Falls du kein Spotify hast, kannst du uns auch deine Liederwünsche hier eintragen und wir fügen sie hinzu.
{% endif %}
</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>
<br>
<img src="/img/logo_weiß.png" class="mx-auto d-block" width=250 height=250>
</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 %}
|
