swt23w23/src/main/resources/templates/login.html

74 lines
1.2 KiB
HTML
Raw Normal View History

2023-11-06 19:48:33 +01:00
<!DOCTYPE html>
2023-11-13 20:09:39 +01:00
<html xmlns:th="http://www.thymeleaf.org"
xmlns:sec="http://www.thymeleaf.org/extras/spring-security"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{layout.html(title='Login')}">
2023-11-06 19:48:33 +01:00
<!-- FIXME no inline styles -->
<style>
form#login {
display: flex;
flex-direction: column;
gap: 1em;
}
form#login > div {
display: flex;
flex-direction: column;
gap: .5em;
}
form#login > div > * {
display: flex;
}
</style>
2023-11-13 20:09:39 +01:00
<section layout:fragment="content">
<form class="ui form" role="form" th:action="@{/login}" method="post">
2023-11-06 19:48:33 +01:00
2023-11-13 20:09:39 +01:00
<div class="field">
2023-11-06 19:48:33 +01:00
2023-11-13 20:09:39 +01:00
<label for="username">Nutzername</label>
2023-11-06 19:48:33 +01:00
2023-11-13 20:09:39 +01:00
<input class="form-control" type="text" id="username" name="username" autofocus="autofocus" placeholder="Username">
2023-11-06 19:48:33 +01:00
2023-11-13 20:09:39 +01:00
</div>
2023-11-06 19:48:33 +01:00
2023-11-13 20:09:39 +01:00
<div class="field">
2023-11-06 19:48:33 +01:00
2023-11-13 20:09:39 +01:00
<label for="password">Passwort</label>
2023-11-06 19:48:33 +01:00
2023-11-13 20:09:39 +01:00
<input type="password" id="password" name="password" placeholder="Password">
2023-11-06 19:48:33 +01:00
2023-11-13 20:09:39 +01:00
</div>
2023-11-06 19:48:33 +01:00
2023-11-13 20:09:39 +01:00
<div>
2023-11-06 19:48:33 +01:00
2023-11-13 20:09:39 +01:00
<button type="submit" class="ui button">Login</button>
2023-11-06 19:48:33 +01:00
2023-11-13 20:09:39 +01:00
</div>
2023-11-06 19:48:33 +01:00
2023-11-13 20:09:39 +01:00
</form>
2023-11-06 19:48:33 +01:00
2023-11-13 20:09:39 +01:00
<p>Haben Sie noch keinen Account? Registrieren Sie sich <a th:href="@{/register}">hier</a>.</p>
</section>
2023-11-06 19:48:33 +01:00
</html>