swt23w23/src/main/resources/templates/profile.html
Denis Natusch d7c4482200
Add form validator to users package
Closes #35
Closes #59
Closes #64
Closes #71

Co-authored-by: Simon Bruder <simon.bruder@mailbox.tu-dresden.de>
2023-11-27 18:11:07 +01:00

49 lines
2.1 KiB
HTML

<!DOCTYPE html>
<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='Profil')}">
<head>
</head>
<body>
<div layout:fragment="content">
<div class="mb-4">
<form th:object="${profileForm}" th:action="@{/profile}" method="post">
<h2>Authentifizierung</h2>
<div class="mb-3">
<label class="form-label" for="username">Nutzername</label>
<input class="form-control" th:field="*{username}" th:errorclass="is-invalid" type="text" required>
<div th:if="${#fields.hasErrors('username')}" class="invalid-feedback">Ungültiger Nutzername</div>
</div>
<div class="mb-3">
<label class="form-label" for="password" th:text="Passwort"></label>
<input class="form-control" th:field="*{password}" th:errorclass="is-invalid" type="password">
<div th:if="${#fields.hasErrors('password')}" class="invalid-feedback">Ungültiges Passwort</div>
</div>
<h2>Nutzerinformationen</h2>
<div class="mb-3">
<label class="form-label" for="fullName">Name</label>
<input class="form-control" th:field="*{fullName}" th:errorclass="is-invalid" type="text" required>
<div th:if="${#fields.hasErrors('fullName')}" class="invalid-feedback">Ungültiger Name</div>
</div>
<div class="mb-3">
<label class="form-label" for="address">Adresse</label>
<textarea class="form-control" th:field="*{address}" th:errorclass="is-invalid" th:placeholder="*{address}" rows="3" required></textarea>
<div th:if="${#fields.hasErrors('address')}" class="invalid-feedback">Ungültige Addresse</div>
</div>
<button class="btn btn-primary" type="submit">Bearbeiten</button>
</form>
</div>
<div sec:authorize="hasRole('CUSTOMER')" class="card">
<div class="card-header text-danger">Danger Zone</div>
<div class="card-body">
<a th:href="@{/profile/disable}">
<button class="btn btn-danger" type="button">Account löschen</button>
</a>
</div>
</div>
</div>
</body>
</html>