Ignore:
Timestamp:
02/05/23 22:02:20 (23 months ago)
Author:
milamihajlovska <mila.mihajlovska01@…>
Branches:
master
Children:
45e9a02
Parents:
448bd84
Message:

login and register html

Location:
src/main/resources/templates
Files:
2 edited

Legend:

Unmodified
Added
Removed

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

    r448bd84 r533c366  
    1 <!DOCTYPE html>
    2 <html lang="en">
    3 <head>
    4     <meta charset="UTF-8">
    5     <title>Title</title>
    6 </head>
    7 <body>
    81
    9 </body>
    10 </html>
     2<div>
     3    <form th:method="POST" th:action="@{/login}">
     4        <div class="container">
     5            <form class="form-signin mt-xl-5" method="post" action="/login">
     6                <h2 class="form-signin-heading">SIGN IN</h2>
     7                <p>
     8                    <label for="username" class="sr-only">Username</label>
     9                    <input type="text" id="username" name="username" class="form-control" placeholder="Username" required="" autofocus=""/>
     10                </p>
     11                <p>
     12                    <label for="password" class="sr-only">Password</label>
     13                    <input type="password" id="password" name="password" class="form-control" placeholder="Password" required=""/>
     14                </p>
     15            </form>
     16            <button id="submit" class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
     17        </div>
     18    </form>
     19    <a href="/register" class="btn btn-block btn-light">Register Here!</a>
     20</div>

  • src/main/resources/templates/register.html

    r448bd84 r533c366  
    1 <!DOCTYPE html>
    2 <html lang="en">
    3 <head>
    4     <meta charset="UTF-8">
    5     <title>Title</title>
    6 </head>
    7 <body>
    8 
    9 </body>
    10 </html>
     1<div class="container">
     2    <h1 th:if="${hasError}" th:text="${error}"></h1>
     3</div>
     4<div class="container">
     5    <form class="form-signin mt-xl-5" method="post" action="/register">
     6        <h2 class="form-signin-heading">Register</h2>
     7        <p>
     8            <label for="username" class="sr-only">Username</label>
     9            <input type="text" id="username" name="username" class="form-control" placeholder="Username" required=""
     10                   autofocus="">
     11        </p>
     12        <p>
     13            <label for="password" class="sr-only">Password</label>
     14            <input type="password" id="password" name="password" class="form-control" placeholder="Password"
     15                   required="">
     16        </p>
     17        <p>
     18            <label for="repeatedPassword" class="sr-only">Repeat Password</label>
     19            <input type="password" id="repeatedPassword" name="repeatedPassword" class="form-control"
     20                   placeholder="Repeat Password" required="">
     21        </p>
     22        <p>
     23            <label for="first_name" class="sr-only">First Name</label>
     24            <input type="text" id="first_name" name="first_name" class="form-control" placeholder="First Name" required="" autofocus="">
     25        </p>
     26        <p>
     27            <label for="last_name" class="sr-only">Last Name</label>
     28            <input type="text" id="last_name" name="last_name" class="form-control" placeholder="Last Name" required=""
     29                   autofocus="">
     30        </p>
     31        <p>
     32        <div class="form-check form-check-inline">
     33            <input class="form-check-input" name="role" type="radio" id="ROLE_ADMIN" value="ROLE_ADMIN">
     34            <label class="form-check-label" for="ROLE_ADMIN">ROLE_ADMIN</label>
     35        </div>
     36        <div class="form-check form-check-inline">
     37            <input class="form-check-input" name="role"  type="radio" id="ROLE_USER" value="ROLE_USER">
     38            <label class="form-check-label" for="ROLE_USER">ROLE_USER</label>
     39        </div>
     40        </p>
     41        <button class="btn btn-lg btn-primary btn-block" type="submit">Sign up</button>
     42    </form>
     43    <a href="/login" class="btn btn-block btn-light">Already have an account? Login here!</a>
     44</div>
Note: See TracChangeset for help on using the changeset viewer.