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

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

resolve merge conflicts
  • Property mode set to 100644
File size: 7.7 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" th:if="${session.user == null}">
35 <a class="nav-link active" href="/login" >Login</a>
36 </li>
37 <li class="nav-item m-auto" th:if="${session.user == null}">
38 <a class="nav-link active" href="/register">Register</a>
39 </li>
40 <li class="nav-item m-auto" th:if="${session.user != null}">
41 <a class="nav-link active">Log out</a>
42 </li>
43 <li class="nav-item m-auto" th:if="${session.user != null}">
44 <a class="nav-link active" href="/approve-adopters">Approve adopters</a>
45 </li>
46 </ul>
47 </div>
48 </div>
49 </nav>
50</header>
51<div id="middle">
52 <h1>Register</h1>
53 <div>
54 <form method="post" action="/register"> <!--vaka e na aud-->
55 <label for="name">Name and surname:</label>
56 <input type="text" id="name" name="name"><br><br>
57
58 <label for="email">Email:</label>
59 <input type="email" id="email" name="email"><br><br>
60
61 <label for="password">Password:</label>
62 <input type="password" id="password" name="password"><br><br>
63
64 <label for="repeatPassword">Repeat password:</label>
65 <input type="password" id="repeatPassword" name="repeatPassword"><br><br>
66
67 <label for="telephone">Telephone number:</label>
68 <input type="text" id="telephone" name="telephone"><br><br>
69
70 <hr><br><br>
71
72
73 <!-- Employee -->
74 <label class="role">Register as employee in a shelter</label>
75 <input type="radio" name="role" value="employee"><br><br>
76
77 <label for="shelter">For which shelter do you work for?</label>
78 <select id="shelter" name="shelter">
79
80 <option
81 th:each="sh : ${shelters}"
82 th:value="${sh.getId()}"
83 th:text="${sh.getName()}">
84 </option>
85
86 </select><br><br>
87
88 <label for="position">Position:</label>
89 <input type="text" id="position" name="position"><br><br>
90
91 <hr><br><br>
92
93
94 <!-- Adopter -->
95 <label class="role">Register as an adopter</label>
96 <input type="radio" name="role" value="adopter"><br><br>
97
98 <p>
99 *the following information is needed so we can provide our best services for you*
100 </p>
101
102 <label for="freeTime">Free time:</label>
103 <select id="freeTime" name="freeTime">
104 <option value="LOW">low</option>
105 <option value="MEDIUM">medium</option>
106 <option value="HIGH">high</option>
107 </select><br><br>
108
109 <label for="funds">Finances:</label>
110 <select id="funds" name="funds">
111 <option value="LOW">low</option>
112 <option value="MEDIUM">medium</option>
113 <option value="HIGH">high</option>
114 </select><br><br>
115
116 <label>Do you keep other pets?</label>
117 <input type="radio" class="hasPets" name="hasOtherPets" value=true> Yes
118 <input type="radio" class="hasPets" name="hasOtherPets" value=false> No <br><br>
119
120 <label>Will the adopted pet have interaction with kids?</label>
121 <input type="radio" name="hasKids" value=true>Yes
122 <input type="radio" name="hasKids" value=false>No<br><br>
123
124 <label for="housing">Housing:</label>
125 <select id="housing" name="housing">
126 <option value="APARTMENT">apartment</option>
127 <option value="HOUSE">house</option>
128 </select><br><br>
129
130 <label for="physicalActivity">Physical activity:</label>
131 <select id="physicalActivity" name="physicalActivity">
132 <option value="LOW">low</option>
133 <option value="MEDIUM">medium</option>
134 <option value="HIGH">high</option>
135 </select><br><br>
136
137 <label>Are you willing to foster?</label>
138 <input type="radio" name="willFoster" value=true>Yes
139 <input type="radio" name="willFoster" value=false>No<br><br>
140
141 <hr><br>
142
143 <!-- Donor -->
144 <label class="role">Register as donor</label>
145 <input type="radio" name="role" value="donor"><br><br>
146
147 <label for="organisation">From which organisation are you coming from?</label>
148 <select id="organisation" name="organisation">
149 <option
150 th:each="sh : ${organisations}"
151 th:value="${sh.getId()}"
152 th:text="${sh.getName()}">
153 </option>
154 </select><br><br>
155
156 <hr><br>
157
158 <!-- Surendee -->
159 <label class="role">Register as surendee</label>
160 <input type="radio" name="role" value="surendee"><br><br>
161
162 <input id="button" type="submit" value="Submit">
163 </form>
164 </div>
165 <p>You want to adopt or foster a pet? - You are an adopter <br>
166 You want your pet to be adopted by another person? - You are a surendee <br>
167 You want to donate to an organisation protection animal rights? - You are a donor<br>
168 You work in one of our partner's shelters? - You are an employee <br>
169 </p>
170</div>
171</body>
172<style>
173 body {
174 color: #212121;
175 }
176
177 form {
178 background-color: lightgray;
179 text-align: center;
180 padding: 20px;
181 border-radius: 20px;
182 width: 60%;
183 margin-left: 300px;
184 }
185
186 body {
187 font-family: Montserrat, serif;
188 }
189
190 #button {
191 background-color: #212121;
192 color: azure;
193 border: none;
194 height: 40px;
195 width: 80px;
196 border-radius: 20px;
197 }
198 #middle{
199 text-align: center;
200 }
201 .role{
202 color:darkred;
203 }
204</style>
205</html>
Note: See TracBrowser for help on using the repository browser.