basic registration functionality, still missing keycloak

This commit is contained in:
Jörg Henke
2022-11-14 10:55:20 +01:00
parent 798b62fabb
commit 4133ad9173
8 changed files with 457 additions and 17 deletions

View File

@ -15,66 +15,80 @@
<h3 class="centered cabin" th:text="'zur ' + ${camp.name} + ' ' + ${camp.year}"></h3>
<div class="card centered-card" style="max-width: 48rem">
<div class="card-body">
<form action="#" method="post">
<form th:action="@{/registration/register}" th:object="${bean}" method="post">
<input type="hidden" th:field="*{fkCamp}" />
<div class="container">
<div class="row">
<div class="col-sm-6 rowdist">
<input type="text" class="form-control" placeholder="Vorname" />
<input type="text" class="form-control" placeholder="Vorname" th:field="*{forename}" />
</div>
<div class="col-sm-6 rowdist">
<input type="text" class="form-control" placeholder="Nachname" />
<input type="text" class="form-control" placeholder="Nachname" th:field="*{surname}" />
</div>
</div>
<div class="row">
<div class="col-sm-6 rowdist">
<select class="form-select">
<select class="form-select" th:field="*{sex}">
<option value="">Geschlecht</option>
<option value="female">weiblich</option>
<option value="male">männlich</option>
</select>
</div>
<div class="col-sm-6 rowdist">
<input type="date" class="form-control" placeholder="Geburtsdatum" />
<input type="date" class="form-control" placeholder="Geburtsdatum" th:field="*{birthDate}" />
</div>
</div>
<div class="row">
<div class="col-sm-6 rowdist">
<input type="text" class="form-control" placeholder="Straße und Hausnummer" />
<input type="text" class="form-control" placeholder="Straße und Hausnummer" th:field="*{street}" />
</div>
<div class="col-sm-2 rowdist">
<input type="text" class="form-control" placeholder="PLZ" />
<input type="text" class="form-control" placeholder="PLZ" th:field="*{zip}" />
</div>
<div class="col-sm-4 rowdist">
<input type="text" class="form-control" placeholder="Ort" />
<input type="text" class="form-control" placeholder="Ort" th:field="*{city}" />
</div>
</div>
<div class="row">
<div class="col-sm-6 rowdist">
<input type="text" class="form-control" placeholder="E-Mail" />
<input type="text" class="form-control" placeholder="E-Mail" th:field="*{email}" />
</div>
<div class="col-sm-6 rowdist">
<input type="text" class="form-control" placeholder="Telefonnummer" />
<input type="text" class="form-control" placeholder="Telefonnummer" th:field="*{phone}" />
</div>
</div>
<div class="row">
<div class="col-sm-6 rowdist">
<span>mitkommen als</span>
</div>
<div class="col-sm-6 rowdist">
<select class="form-select" th:field="*{campRole}">
<option value="student">Teilnehmer</option>
<option value="teacher">Mitarbeiter</option>
<option value="feeder">Küchenteam</option>
<option value="director">Leiter</option>
</select>
</div>
</div>
<div class="row">
<div class="col-sm-12 rowdist">
<textarea class="form-control" placeholder="Sonstiges"></textarea>
<textarea class="form-control" placeholder="Sonstiges" th:field="*{comment}"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-12 rowdist">
<div class="form-check" title="Die Anmeldedaten können in den Kontoeinstellungen bearbeitet und für die nächsten Freizeitanmeldungen verwendet werden.">
<input id="save" type="checkbox" class="form-check-input" checked="checked" onchange="$('#createlogin').toggle();" />
<input id="save" type="checkbox" class="form-check-input" th:field="*{registerInKeycloak}" onchange="$('#createlogin').toggle();" />
<label class="form-check-label" for="save">Anmeldedaten speichern</label>
</div>
</div>
</div>
<div id="createlogin" class="row">
<div class="col-sm-6 rowdist">
<input type="text" class="form-control" placeholder="Login" />
<input type="text" class="form-control" placeholder="Login" th:field="*{login}" />
</div>
<div class="col-sm-6 rowdist">
<input type="password" class="form-control" placeholder="Passwort" />
<input type="password" class="form-control" placeholder="Passwort" th:field="*{password}" />
</div>
</div>
<div class="row">
@ -89,4 +103,4 @@
</div>
</content>
</body>
</html>
</html>