Ignore:
Timestamp:
02/16/23 13:45:55 (17 months ago)
Author:
SazdovaEkaterina <sazdovaekaterina@…>
Branches:
main
Children:
50f2c2a
Parents:
a762b3a (diff), da44aef (diff)
Note: this is a merge changeset, the changes displayed below correspond to the merge itself.
Use the (diff) links above to see all the changes relative to each parent.
Message:

merge login and register into branch

File:
1 edited

Legend:

Unmodified
Added
Removed

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

    ra762b3a r59a8941  
    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.