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

main
Last change on this file since 8f1a362 was 8f1a362, checked in by Filip Chorbeski <86695898+FilipChorbeski@…>, 16 months ago

fix typo
  • Property mode set to 100644
File size: 5.2 KB
Line 
1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml"
3 xmlns:th="http://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 <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">
10 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
11 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
12 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
13</head>
14<body>
15<header>
16 <nav class="navbar navbar-expand-md navbar-dark bg-dark">
17 <div class="container">
18 <a class="navbar-brand" href="/home">Paw 5</a>
19 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
20 aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
21 <span class="navbar-toggler-icon"></span>
22 </button>
23
24 <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
25 <ul class="navbar-nav m-auto">
26 <li class="nav-item m-auto">
27 <a class="nav-link active" href="/home/aboutUs">About us</a>
28 </li>
29 <li class="nav-item m-auto">
30 <a class="nav-link active" href="/login">Login</a>
31 </li>
32 <li class="nav-item m-auto">
33 <a class="nav-link active" href="/register">Register</a>
34 </li>
35 </ul>
36 </div>
37 </div>
38 </nav>
39</header>
40 <h1>Create post</h1>
41<form th:action="@{/submit-post}" method="post">
42
43 <div>
44 <label for="pet">Select pet:</label>
45 <select id="pet">
46 <option
47 th:each="pet :${pets}"
48 th:text="${pet.getName()}">
49 </option>
50 </select>
51 </div>
52
53 <div>
54 <label for="newpet">Add new pet:</label>
55 <input id="newpet" name="newpet" placeholder="newpet" type="checkbox">
56 </div>
57
58 <div>
59 <label for="name">Name:</label>
60 <input type="text"
61 id="name"
62 name="name"
63 class="form-control"
64 placeholder="Enter name">
65 </div>
66
67 <div>
68 <label for="gender">Gender:</label>
69 <select id="gender"
70 name="gender"
71 class="form-control">
72 <option value = "MALE">male</option>
73 <option value = "FEMALE">female</option>
74 </select>
75 </div>
76
77 <div>
78 <label for="ageGroup">Age Group:</label>
79 <select id="ageGroup"
80 name="ageGroup"
81 class="form-control">
82 <option value = "YOUNG">young</option>
83 <option value = "ADULT">adult</option>
84 <option value = "ELDER">elder</option>
85 </select>
86 </div>
87
88 <div>
89 <label for="size">Size:</label>
90 <select id="size"
91 name="size"
92 class="form-control">
93 <option value = "XSMALL">extra small</option>
94 <option value = "SMALL">small</option>
95 <option value = "MEDIUM">medium</option>
96 <option value = "LARGE">large</option>
97 <option value = "XLARGE">extra large</option>
98 </select>
99 </div>
100
101 <div>
102 <label for="species">Species:</label>
103 <select id="species"
104 name="species"
105 class="form-control">
106 <option value = "CAT">cat</option>
107 <option value = "DOG">dog</option>
108 <option value = "BIRD">bird</option>
109 </select>
110 </div>
111
112 <div>
113 <label for="breed">Breed:</label>
114 <input type="text"
115 id="breed"
116 name="breed"
117 class="form-control"
118 placeholder="Enter breed" >
119 </div>
120
121 <div>
122 <label for="imageUrl">Image URL:</label>
123 <input type="text"
124 id="imageUrl"
125 name="imageUrl"
126 class="form-control"
127 placeholder="Enter image URL">
128 <!-- <label for="upload">Image:</label>
129 <input id="upload" type="file" accept="image/*">
130 <input type="submit">-->
131 </div>
132
133 <div>
134 <label for="canBeFostered">Can be fostered:</label>
135 <input type="checkbox"
136 id="canBeFostered"
137 name="canBeFostered"
138 class="form-control"
139 value=false>
140 </div>
141
142 <button id="submit" type="submit">Submit</button>
143
144</form>
145</body>
146</html>
Note: See TracBrowser for help on using the repository browser.