source: Prototype Application/Paw5/src/main/resources/templates/register.html@ d7eaf88

main
Last change on this file since d7eaf88 was d7eaf88, checked in by SazdovaEkaterina <sazdovaekaterina@…>, 16 months ago

fix thymeleaf links

This was the problem that was causing model attributes to not be recognized in the templates. It should be xmlns:th="http://thymeleaf.org" not xmlns:th="http://www.thymeleaf.org" so without the www part.
  • Property mode set to 100644
File size: 7.3 KB
Line 
1<!DOCTYPE html>
2<html lang="en" xmlns:th="http://thymeleaf.org">
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"
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>
17
18</head>
19<body>
20<header>
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>
28
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>
44</header>
45<div id="middle">
46 <h1>Register</h1>
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>
51
52 <label for="email">Email:</label>
53 <input type="email" id="email" name="email"><br><br>
54
55 <label for="password">Password:</label>
56 <input type="password" id="password" name="password"><br><br>
57
58 <label for="repeatPassword">Repeat password:</label>
59 <input type="password" id="repeatPassword" name="repeatPassword"><br><br>
60
61 <label for="telephone">Telephone number:</label>
62 <input type="text" id="telephone" name="telephone"><br><br>
63
64 <hr><br><br>
65
66
67 <!-- Employee -->
68 <label class="role">Register as employee in a shelter</label>
69 <input type="radio" name="role" value="employee"><br><br>
70
71 <label for="shelter">For which shelter do you work for?</label>
72 <select id="shelter" name="shelter">
73
74 <option
75 th:each="sh : ${shelters}"
76 th:value="${sh.getId()}"
77 th:text="${sh.getName()}">
78 </option>
79
80 </select><br><br>
81
82 <label for="position">Position:</label>
83 <input type="text" id="position" name="position"><br><br>
84
85 <hr><br><br>
86
87
88 <!-- Adopter -->
89 <label class="role">Register as an adopter</label>
90 <input type="radio" name="role" value="adopter"><br><br>
91
92 <p>
93 *the following information is needed so we can provide our best services for you*
94 </p>
95
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>
102
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>
109
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>
113
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>
117
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>
123
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>
130
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>
134
135 <hr><br>
136
137 <!-- Donor -->
138 <label class="role">Register as donor</label>
139 <input type="radio" name="role" value="donor"><br><br>
140
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>
164</div>
165</body>
166<style>
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 }
198</style>
199</html>
Note: See TracBrowser for help on using the repository browser.