- Timestamp:
- 02/16/23 15:22:04 (17 months ago)
- Branches:
- main
- Children:
- 6941fac
- Parents:
- 04e4f54 (diff), eef07ff (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. - Location:
- Prototype Application/Paw5/src/main/resources/templates
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
Prototype Application/Paw5/src/main/resources/templates/login.html
r04e4f54 r9ee306b 53 53 <style> 54 54 body{ 55 color: darkslategray;55 color: #212121; 56 56 } 57 57 form{ 58 background-color: bisque;58 background-color: lightgray; 59 59 text-align: center; 60 60 padding: 20px; 61 61 border-radius: 20px; 62 62 width: 60%; 63 margin-left: 300px; 63 64 } 64 65 body{ … … 66 67 } 67 68 #button{ 68 background-color: cadetblue;69 background-color: #212121; 69 70 color: azure; 70 71 border: none; -
Prototype Application/Paw5/src/main/resources/templates/register.html
r04e4f54 r9ee306b 2 2 <html lang="en" xmlns:th="http://www.thymeleaf.org"> 3 3 <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> 10 17 11 18 </head> 12 19 <body> 13 20 <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> 21 28 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> 37 44 </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"> 46 46 <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> 49 51 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> 52 54 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> 55 57 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> 58 60 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> 61 65 62 66 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> 66 70 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"> 69 73 70 <option71 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> 75 79 76 </select>80 </select><br><br> 77 81 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> 80 86 81 87 82 <!-- Adopter -->83 <label for="adopter">Register asadopter</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> 85 91 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> 92 95 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> 99 102 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> 102 109 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> 105 113 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> 111 117 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> 118 123 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> 121 130 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> 125 134 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> 130 136 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> 134 140 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> 137 164 </div> 138 165 </body> 139 166 <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 } 161 198 </style> 162 199 </html>
Note:
See TracChangeset
for help on using the changeset viewer.