jason/sicherheitsunterweisung
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Grundgerüst der Weboberfläche erstellt

Browse Source
This commit is contained in:
Jason Streifling 2023-10-04 18:55:13 +02:00
parent e18fb0d158
commit 32fbd1d28d
2 changed files with 53 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
templates/index.html
View File

@ -10,10 +10,49 @@
<body>
<h1>Sicherheitsunterweisung</h1>
<form>
<div id="date">
<label for="date-input">Datum</label>
<input type="date" name="date" id="date-input" />
</div>
<div id="time">
<label for="time-input">Uhrzeit</label>
<input type="time" name="time" id="time-input" />
</div>
<div id="state">
<label for="state-input">Stand vom</label>
<input type="date" name="state" id="state-input" />
</div>
<div id="location">
<label for="location-input">Ort</label>
<input type="text" name="location" id="location-input" />
</div>
<div id="participants">
<button type="button" hx-post="/add-participant/" hx-target="#participants" hx-swap="beforeend"
hx-trigger="click">
+
</button>
<div id="participant-{{ .ID }}">
<label for="participant-first-input-{{ .ID }}">Vorname</label>
<input type="text" name="participant-first" id="participant-first-input-{{ .ID }}" />
<label for="participant-last-input-{{ .ID }}">Nachname</label>
<input type="text" name="participant-last" id="participant-last-input-{{ .ID }}" />
<label for="participant-company-input-{{ .ID }}">Firma</label>
<input type="text" name="participant-company" id="participant-company-input-{{ .ID }}" />
</div>
</div>
<button type="submit">Senden</button>
</form>
<script src="/static/js/htmx.min.js" type="text/javascript"></script>
</body>

12
templates/participant.html Normal file
View File

@ -0,0 +1,12 @@
{{ define "participant" }}
<div id="participant-{{ .ID }}">
<label for="participant-first-input-{{ .ID }}">Vorname</label>
<input type="text" name="participant-first" id="participant-first-input-{{ .ID }}" />
<label for="participant-last-input-{{ .ID }}">Nachname</label>
<input type="text" name="participant-last" id="participant-last-input-{{ .ID }}" />
<label for="participant-company-input-{{ .ID }}">Firma</label>
<input type="text" name="participant-company" id="participant-company-input-{{ .ID }}" />
</div>
{{ end }}