Ignore:
Timestamp:
02/15/23 17:58:59 (17 months ago)
Author:
trajchevaM <118018439+trajchevaM@…>
Branches:
main
Children:
59a8941, dad5bcd
Parents:
f0232fb
Message:

register functionality

  1. Changed css of login.html
  2. Changed css and html of register
  3. Foreign keys in Adopter and Employee changed from int to Integer
  4. AuthorisationService updated with methods for employee and adopter registration
  5. RegisterController works only for employee and adopter
  6. Added services for Organisation and Shelter for dropdown list on registration form
File:
1 edited

Legend:

Unmodified
Added
Removed

  • Prototype Application/Paw5/src/main/resources/templates/register.html

    rf0232fb rda44aef  
    22<html lang="en" xmlns:th="http://www.thymeleaf.org">
    33<head>
    4   <meta charset="UTF-8">
    5   <title>Title</title>
    6   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    7   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    8   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    9   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
     4    <meta charset="UTF-8">
     5    <title>Title</title>
     6    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
     7          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
     8    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
     9            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
     10            crossorigin="anonymous"></script>
     11    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
     12            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
     13            crossorigin="anonymous"></script>
     14    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
     15            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
     16            crossorigin="anonymous"></script>
    1017
    1118</head>
    1219<body>
    1320<header>
    14   <nav class="navbar navbar-expand-md navbar-dark bg-dark">
    15     <div class="container">
    16       <a class="navbar-brand" href="/home">Paw 5</a>
    17       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
    18               aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
    19         <span class="navbar-toggler-icon"></span>
    20       </button>
     21    <nav class="navbar navbar-expand-md navbar-dark bg-dark">
     22        <div class="container">
     23            <a class="navbar-brand" href="/home">Paw 5</a>
     24            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
     25                    aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
     26                <span class="navbar-toggler-icon"></span>
     27            </button>
    2128
    22       <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
    23         <ul class="navbar-nav m-auto">
    24           <li class="nav-item m-auto">
    25             <a class="nav-link active" href="/home/aboutUs">About us</a>
    26           </li>
    27           <li class="nav-item m-auto">
    28             <a class="nav-link active" href="/login">Login</a>
    29           </li>
    30           <li class="nav-item m-auto">
    31             <a class="nav-link active" href="/register">Register</a>
    32           </li>
    33         </ul>
    34       </div>
    35     </div>
    36   </nav>
     29            <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
     30                <ul class="navbar-nav m-auto">
     31                    <li class="nav-item m-auto">
     32                        <a class="nav-link active" href="/home/aboutUs">About us</a>
     33                    </li>
     34                    <li class="nav-item m-auto">
     35                        <a class="nav-link active" href="/login">Login</a>
     36                    </li>
     37                    <li class="nav-item m-auto">
     38                        <a class="nav-link active" href="/register">Register</a>
     39                    </li>
     40                </ul>
     41            </div>
     42        </div>
     43    </nav>
    3744</header>
    38 <h3>You can take one or more roles on our site.</h3>
    39 <p>You want to adopt or foster a pet? - You are an adopter <br>
    40   You want your pet to be adopted by another person? - You are a surendee <br>
    41   You want to donate to an organisation protection animal rights? - You are a donor<br>
    42   You work in one of our partner's shelters? - You are an employee <br>
    43 </p>
    44 <div>
    45   <form method="post" action="/register"> <!--vaka e na aud-->
     45<div id="middle">
    4646    <h1>Register</h1>
    47     <label for="name">Name and surname:</label>
    48     <input type="text" id="name" name="name"><br><br>
     47    <div>
     48        <form method="post" action="/register"> <!--vaka e na aud-->
     49            <label for="name">Name and surname:</label>
     50            <input type="text" id="name" name="name"><br><br>
    4951
    50     <label for="email">Email:</label>
    51     <input type="email" id="email" name="email"><br><br>
     52            <label for="email">Email:</label>
     53            <input type="email" id="email" name="email"><br><br>
    5254
    53     <label for="password">Password:</label>
    54     <input type="password" id="password" name="password"><br><br>
     55            <label for="password">Password:</label>
     56            <input type="password" id="password" name="password"><br><br>
    5557
    56     <label for="repeatPassword">Repeat password:</label>
    57     <input type="password" id="repeatPassword" name="repeatPassword"><br><br>
     58            <label for="repeatPassword">Repeat password:</label>
     59            <input type="password" id="repeatPassword" name="repeatPassword"><br><br>
    5860
    59     <label for="telephone">Telephone number:</label>
    60     <input type="text" id="telephone" name="telephone"><br><br>
     61            <label for="telephone">Telephone number:</label>
     62            <input type="text" id="telephone" name="telephone"><br><br>
     63
     64          <hr><br><br>
    6165
    6266
    63     <!-- Employee -->
    64     <label for="employee">Register as employee in a shelter</label>
    65     <input type="checkbox" id="employee" name="employee" value="yes"><br><br>
     67            <!-- Employee -->
     68            <label class="role">Register as employee in a shelter</label>
     69            <input type="radio" name="role" value="employee"><br><br>
    6670
    67     <label for="shelter">From which organisation are you coming from?</label>
    68     <select id="shelter" name="shelter" class="form-control">
     71            <label for="shelter">For which shelter do you work for?</label>
     72            <select id="shelter" name="shelter">
    6973
    70       <option
    71               th:each="sh : ${shelters}"
    72               th:value="${sh.getId()}"
    73               th:text="${sh.getName()}">
    74       </option>
     74                <option
     75                        th:each="sh : ${shelters}"
     76                        th:value="${sh.getId()}"
     77                        th:text="${sh.getName()}">
     78                </option>
    7579
    76     </select>
     80            </select><br><br>
    7781
    78     <label for="position">Register as employee in a shelter</label>
    79     <input type="text" id="position" name="position" value="yes"><br><br>
     82            <label for="position">Position:</label>
     83            <input type="text" id="position" name="position"><br><br>
     84
     85          <hr><br><br>
    8086
    8187
    82     <!-- Adopter -->
    83     <label for="adopter">Register as adopter</label>
    84     <input type="checkbox" id="adopter" name="adopter" value="yes"><br><br>
     88            <!-- Adopter -->
     89            <label class="role">Register as an adopter</label>
     90            <input type="radio" name="role" value="adopter"><br><br>
    8591
    86     <label for="freeTime">Free time:</label>
    87     <select id="freeTime" name="freeTime">
    88       <option value="LOW">low</option>
    89       <option value="MEDIUM">medium</option>
    90       <option value="HIGH">high</option>
    91     </select><br><br>
     92            <p>
     93                *the following information is needed so we can provide our best services for you*
     94            </p>
    9295
    93     <label for="funds">Finances:</label>
    94     <select id="funds" name="funds">
    95       <option value="LOW">low</option>
    96       <option value="MEDIUM">medium</option>
    97       <option value="HIGH">high</option>
    98     </select><br><br>
     96            <label for="freeTime">Free time:</label>
     97            <select id="freeTime" name="freeTime">
     98                <option value="LOW">low</option>
     99                <option value="MEDIUM">medium</option>
     100                <option value="HIGH">high</option>
     101            </select><br><br>
    99102
    100     <label for="hasOtherPets">You keep other pets</label>
    101     <input type="checkbox" id="hasOtherPets" name="hasOtherPets" value="yes"> Yes <br><br>
     103            <label for="funds">Finances:</label>
     104            <select id="funds" name="funds">
     105                <option value="LOW">low</option>
     106                <option value="MEDIUM">medium</option>
     107                <option value="HIGH">high</option>
     108            </select><br><br>
    102109
    103     <label for="hasKids">The adopted pet will have interaction with kids</label>
    104     <input type="checkbox" id="hasKids" name="hasKids" value="yes"><br><br>
     110            <label>Do you keep other pets?</label>
     111            <input type="radio" class="hasPets" name="hasOtherPets" value=true> Yes
     112            <input type="radio" class="hasPets" name="hasOtherPets" value=false> No <br><br>
    105113
    106     <label for="housing">Housing:</label>
    107     <select id="housing" name="housing">
    108       <option value="APARTMENT">apartment</option>
    109       <option value="HOUSE">house</option>
    110     </select><br><br>
     114            <label>Will the adopted pet have interaction with kids?</label>
     115            <input type="radio" name="hasKids" value=true>Yes
     116            <input type="radio" name="hasKids" value=false>No<br><br>
    111117
    112     <label for="physicalActivity">Physical activity:</label>
    113     <select id="physicalActivity" name="physicalActivity">
    114       <option value="LOW">low</option>
    115       <option value="MEDIUM">medium</option>
    116       <option value="HIGH">high</option>
    117     </select><br><br>
     118            <label for="housing">Housing:</label>
     119            <select id="housing" name="housing">
     120                <option value="APARTMENT">apartment</option>
     121                <option value="HOUSE">house</option>
     122            </select><br><br>
    118123
    119     <label for="willFoster">The adopted pet will have interaction with kids</label>
    120     <input type="checkbox" id="willFoster" name="willFoster" value="yes"><br><br>
     124            <label for="physicalActivity">Physical activity:</label>
     125            <select id="physicalActivity" name="physicalActivity">
     126                <option value="LOW">low</option>
     127                <option value="MEDIUM">medium</option>
     128                <option value="HIGH">high</option>
     129            </select><br><br>
    121130
    122     <!-- Donor -->
    123     <label for="donor">Register as donor</label>
    124     <input type="checkbox" id="donor" name="donor" value="yes"><br><br>
     131            <label>Are you willing to foster?</label>
     132            <input type="radio" name="willFoster" value=true>Yes
     133            <input type="radio" name="willFoster" value=false>No<br><br>
    125134
    126     <label for="organisation">From which organisation are you coming from?</label>
    127     <select id="organisation" name="organisation">
    128       <option value="EVN">EVN</option>
    129     </select><br><br>
     135          <hr><br>
    130136
    131     <!-- Surendee -->
    132     <label for="surendee">Register as surendee</label>
    133     <input type="checkbox" id="surendee" name="surendee" value="yes"><br><br>
     137            <!-- Donor -->
     138            <label class="role">Register as donor</label>
     139            <input type="radio" name="role" value="donor"><br><br>
    134140
    135     <input id="button" type="submit" value="Submit">
    136   </form>
     141            <label for="organisation">From which organisation are you coming from?</label>
     142            <select id="organisation" name="organisation">
     143                <option
     144                        th:each="sh : ${organisations}"
     145                        th:value="${sh.getId()}"
     146                        th:text="${sh.getName()}">
     147                </option>
     148            </select><br><br>
     149
     150          <hr><br>
     151
     152            <!-- Surendee -->
     153            <label class="role">Register as surendee</label>
     154            <input type="radio" name="role" value="surendee"><br><br>
     155
     156            <input id="button" type="submit" value="Submit">
     157        </form>
     158    </div>
     159  <p>You want to adopt or foster a pet? - You are an adopter <br>
     160    You want your pet to be adopted by another person? - You are a surendee <br>
     161    You want to donate to an organisation protection animal rights? - You are a donor<br>
     162    You work in one of our partner's shelters? - You are an employee <br>
     163  </p>
    137164</div>
    138165</body>
    139166<style>
    140   body{
    141     color: darkslategray;
    142   }
    143   form{
    144     background-color: bisque;
    145     text-align: center;
    146     padding: 20px;
    147     border-radius: 20px;
    148     width: 60%;
    149   }
    150   body{
    151     font-family: Montserrat,serif;
    152   }
    153   #button{
    154     background-color: cadetblue;
    155     color: azure;
    156     border: none;
    157     height: 40px;
    158     width: 80px;
    159     border-radius: 20px;
    160   }
     167    body {
     168        color: #212121;
     169    }
     170
     171    form {
     172        background-color: lightgray;
     173        text-align: center;
     174        padding: 20px;
     175        border-radius: 20px;
     176        width: 60%;
     177        margin-left: 300px;
     178    }
     179
     180    body {
     181        font-family: Montserrat, serif;
     182    }
     183
     184    #button {
     185        background-color: #212121;
     186        color: azure;
     187        border: none;
     188        height: 40px;
     189        width: 80px;
     190        border-radius: 20px;
     191    }
     192    #middle{
     193      text-align: center;
     194    }
     195    .role{
     196      color:darkred;
     197    }
    161198</style>
    162199</html>
Note: See TracChangeset for help on using the changeset viewer.