learn-dev/src/main/resources/templates/login.html at dev · ebouchut/learn-dev · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{fragments/layout :: head('Log in — learn-dev')}"></head>
<body>
  <th:block th:replace="~{fragments/layout :: header('login')}"></th:block>

  <main class="site-main site-main--narrow" id="main" tabindex="-1">
    <p class="alert alert--success" role="status" th:if="${param.registered}">
      Account created, please log in. We sent you an email to verify your
      address.
    </p>
    <p class="alert alert--success" role="status" th:if="${param.verified}">
      Your email address is verified. Thank you!
    </p>
    <p class="alert alert--error" role="alert" th:if="${param['verify-invalid']}">
      This verification link is invalid, expired, or has already been used.
      Log in and use the resend button on your dashboard.
    </p>
    <p class="alert alert--success" role="status" th:if="${param.reset}">
      Your password has been changed, please log in.
    </p>
    <p class="alert alert--info" role="status" th:if="${param.logout}">
      You have been logged out.
    </p>
    <p class="alert alert--error" role="alert" th:if="${param.error}">
      Invalid username or password.
    </p>

    <div class="form-card">
      <h1 class="form-card__title">Log in</h1>

      <form th:action="@{/auth/login}" method="post">
        <div class="form__group">
          <label class="form__label" for="username">Username</label>
          <input class="form__input" type="text" id="username" name="username"
                 autocomplete="username" required>
        </div>

        <div class="form__group">
          <label class="form__label" for="password">Password</label>
          <input class="form__input" type="password" id="password" name="password"
                 autocomplete="current-password" required>
        </div>

        <button class="button button--primary" type="submit">Log in</button>
      </form>

      <p class="form__footer">
        No account yet? <a th:href="@{/auth/register}">Create one</a>.<br>
        <a th:href="@{/auth/forgot-password}">Forgot your password?</a>
      </p>
    </div>
  </main>

  <th:block th:replace="~{fragments/layout :: footer}"></th:block>
</body>
</html>