source: Prototype Application/Paw5/src/main/resources/templates/create-post.html@ 468b7b6

main
Last change on this file since 468b7b6 was 468b7b6, checked in by Filip Chorbeski <86695898+FilipChorbeski@…>, 17 months ago

create post form (initial version)

successfully communicates with database and adds pet and post (will be worked upon more)

  • Property mode set to 100644
File size: 2.8 KB
Line 
1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml"
3 xmlns:th="http://www.thymeleaf.org"
4 xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
5 xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
6<head>
7 <meta charset="UTF-8">
8 <title>Create a post</title>
9</head>
10<body>
11 <h1>Create post</h1>
12<form th:action="@{/submit-post}" method="post">
13
14 <div>
15 <label for="pet">Selet pet:</label>
16 <select id="pet">
17 </select>
18 </div>
19
20 <div>
21 <label for="newpet">Add new pet:</label>
22 <input id="newpet" name="newpet" placeholder="newpet" type="checkbox">
23 </div>
24
25 <div>
26 <label for="name">Name:</label>
27 <input type="text"
28 id="name"
29 name="name"
30 placeholder="Enter name">
31 </div>
32
33 <div>
34 <label for="gender">Gender:</label>
35 <select id="gender"
36 name="gender">
37 <option value = "MALE">male</option>
38 <option value = "FEMALE">female</option>
39 </select>
40 </div>
41
42 <div>
43 <label for="ageGroup">Age Group:</label>
44 <select id="ageGroup"
45 name="ageGroup">
46 <option value = "YOUNG">young</option>
47 <option value = "ADULT">adult</option>
48 <option value = "ELDER">elder</option>
49 </select>
50 </div>
51
52 <div>
53 <label for="size">Size:</label>
54 <select id="size"
55 name="size">
56 <option value = "XSMALL">extra small</option>
57 <option value = "SMALL">small</option>
58 <option value = "MEDIUM">medium</option>
59 <option value = "LARGE">large</option>
60 <option value = "XLARGE">extra large</option>
61 </select>
62 </div>
63
64 <div>
65 <label for="species">Species:</label>
66 <select id="species"
67 name="species">
68 <option value = "CAT">cat</option>
69 <option value = "DOG">dog</option>
70 <option value = "BIRD">bird</option>
71 </select>
72 </div>
73
74 <div>
75 <label for="breed">Breed:</label>
76 <input type="text"
77 id="breed"
78 name="breed"
79 placeholder="Enter breed" >
80 </div>
81
82 <div>
83 <label for="imageUrl">Image URL:</label>
84 <input type="text"
85 id="imageUrl"
86 name="imageUrl"
87 placeholder="Enter image URL">
88 <!-- <label for="upload">Image:</label>
89 <input id="upload" type="file" accept="image/*">
90 <input type="submit">-->
91 </div>
92
93 <div>
94 <label for="canBeFostered">Can be fostered:</label>
95 <input type="checkbox"
96 id="canBeFostered"
97 name="canBeFostered">
98 </div>
99
100 <button id="submit" type="submit">Submit</button>
101
102</form>
103</body>
104</html>
Note: See TracBrowser for help on using the repository browser.