sechmachine
643d181b9d
# Conflicts: # src/main/resources/templates/accounts/activate.html # src/main/resources/templates/accounts/new.html # src/main/resources/templates/bootstrap/form.html
32 lines
2.3 KiB
HTML
32 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html lang="en" xmlns:th="http://www.thymeleaf.org"
|
|
th:replace="~{fragments/auth-layout :: shell(
|
|
pageTitle='Choose your password',
|
|
eyebrow='Account activation',
|
|
content=~{::main})}">
|
|
<body>
|
|
<main>
|
|
<p class="page-description">Use at least 12 characters. This activation link can be used once.</p>
|
|
<p class="alert alert-error" th:if="${error}" th:text="${error}" role="alert"></p>
|
|
<form class="form-grid auth-form" method="post" th:action="@{/activate}" th:object="${activationForm}">
|
|
<div class="alert alert-error" th:if="${#fields.hasGlobalErrors()}" role="alert">
|
|
<p th:each="fieldError : ${#fields.globalErrors()}" th:text="${fieldError}"></p>
|
|
</div>
|
|
<input th:field="*{token}" type="hidden">
|
|
<div class="field">
|
|
<label class="field-label" for="password">Password</label>
|
|
<input class="control" id="password" th:field="*{password}" type="password" minlength="12" maxlength="128" required autocomplete="new-password" th:attr="aria-invalid=${#fields.hasErrors('password')},aria-describedby=${#fields.hasErrors('password') ? 'activation-password-error' : null}">
|
|
<p class="field-error" id="activation-password-error" th:if="${#fields.hasErrors('password')}" th:errors="*{password}" role="alert"></p>
|
|
</div>
|
|
<div class="field">
|
|
<label class="field-label" for="confirmPassword">Confirm password</label>
|
|
<input class="control" id="confirmPassword" th:field="*{confirmPassword}" type="password" minlength="12" maxlength="128" required autocomplete="new-password" th:attr="aria-invalid=${#fields.hasErrors('confirmPassword') or #fields.hasErrors('passwordConfirmed')},aria-describedby=${#fields.hasErrors('confirmPassword') ? 'activation-confirm-password-error' : (#fields.hasErrors('passwordConfirmed') ? 'activation-password-confirmed-error' : null)}">
|
|
<p class="field-error" id="activation-confirm-password-error" th:if="${#fields.hasErrors('confirmPassword')}" th:errors="*{confirmPassword}" role="alert"></p>
|
|
<p class="field-error" id="activation-password-confirmed-error" th:if="${#fields.hasErrors('passwordConfirmed')}" th:errors="*{passwordConfirmed}" role="alert"></p>
|
|
</div>
|
|
<button class="button button-primary" type="submit">Activate account</button>
|
|
</form>
|
|
</main>
|
|
</body>
|
|
</html>
|