source: src/main/resources/templates/proizvodi_edit_form.html

Last change on this file was f02aea4, checked in by Ivona <ivonatapshanovska@…>, 16 months ago

changes
  • Property mode set to 100644
File size: 8.2 KB
RevLine 
[0e4d807]1<!DOCTYPE html>
2<html lang="en">
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>
10</head>
11<body style="background-color: #c2c2c5">
12<header xmlns:th="http://www.thymeleaf.org">
13 <nav class="navbar navbar-expand-md navbar-dark bg-dark">
14 <div class="container">
15 <a class="navbar-brand" href="/">LaggerNet</a>
16 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
17 aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
18 <span class="navbar-toggler-icon"></span>
19 </button>
20
21 <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
22 <ul class="navbar-nav m-auto">
23 <li class="nav-item m-auto">
24 <a class="nav-link active" href="/home">Дома</a>
25 </li>
26 <li class="nav-item m-auto" >
27 <a class="nav-link active" href="/proizvodi">Продукти</a>
28 </li>
29 <li class="nav-item m-auto" >
30 <a class="nav-link active" href="/korisnici">Корисници</a>
31 </li>
32 </ul>
33
34
35
36 <ul class="nav navbar-nav navbar-right">
37
38
39 <li class="nav-item" th:if="${session.korisnik == null}">
40 <a class="btn btn-light btn-sm ml-3" href="/login">
41 <i class="fa fa-shopping-cart"></i> Login
42 </a>
43 </li>
44 <li class="nav-item" th:if="${session.korisnik == null}">
45 <a class="btn btn-light btn-sm ml-3" href="/register">
46 <i class="fa fa-shopping-cart"></i> Регистрирај се
47 </a>
48 </li>
49 <li class="nav-item">
50 <a class="btn btn-light btn-sm ml-3" href="/logout">
51 <i class="fa fa-shopping-cart"></i> Logout
52 </a>
53 </li>
54 </ul>
55 </div>
56 </div>
57 </nav>
58</header>
59
60<form method="POST" th:action="@{'/proizvodi/{id}' (id = ${proizvod?.ids})}">
61 <fieldset>
62 <div class="container" >
63 <br>
64 <br>
65 <h3>Уреди го производот</h3>
66
67 <div class="form-group">
68 <label class="form-label mt-4"for="id" >Производ id:</label>
69 <input id="id" name="id" type="text"
70 th:value="${proizvod?.ids}"
71 class="form-control" disabled>
72 </div>
73 <div class="form-group">
74 <label class="form-label mt-4"for="name" >Име:</label>
75 <input id="name" name="name"
76 type="text"
77 th:value="${proizvod?.name}"
78 class="form-control" required>
79 </div>
80
81 <div class="form-group">
82 <label class="form-label mt-4"for="kolicina" >Количина:</label>
83 <input id="kolicina" name="kolicina"
84 type="text"
85 th:value="${proizvod?.kolicina}"
86 class="form-control" required>
87 </div>
88
89 <div class="form-group">
90 <label class="form-label mt-4"for="boja" >Боја:</label>
91 <input id="boja" name="boja"
92 type="text"
93 th:value="${proizvod?.boja}"
94 class="form-control" required>
95 </div>
96 <div class="form-group">
97 <label class="form-label mt-4"for="karakteristiki" >Карактеристики :</label>
98 <input id="karakteristiki" name="karakteristiki"
99 type="text"
100 th:value="${proizvod?.karakteristiki}"
101 class="form-control" required>
102 </div>
103
104 <div class="form-group">
105 <label for="kompanijaName" class="form-label mt-4">Компании:</label><br/>
106
107 <select class="form-select" id="kompanijaName" name="kompanijaName">
108
109
110 <option th:each="kompanija: ${kompanii}"
111 th:selected="${kompanija.ime.equals(proizvod?.ime.ime)}"
112 th:text="${kompanija.ime}"> [kompanija.ime]
113 </option>
114
115 </select>
116 </div>
117 <br>
118
119 <button id="submit" type="submit" class="btn btn-primary">Поднеси</button>
120
121 </div>
122
123 </fieldset>
124</form>
125</body>
126</html>
127<style>
128 body {
129 background-color: #f2f2f2;
130 }
131
132 .navbar {
133 border-radius: 0;
134 }
135
136 .navbar-brand {
137 font-family: 'Montserrat', sans-serif;
138 font-size: 2rem;
139 font-weight: bold;
140 color: #fff;
141 }
142
143 .nav-link {
144 font-size: 1.2rem;
145 color: #fff !important;
146 text-transform: uppercase;
147 font-weight: bold;
148 margin-right: 1.5rem;
149 }
150
151 .nav-link:hover {
152 color: #00a6ff !important;
153 }
154
155 .jumbotron-heading {
156 font-size: 4rem;
157 color: #3a3c3d;
158 font-weight: bold;
159 text-shadow: 2px 2px #226781;
160 margin-top: 3rem;
161 }
162
163 .btn {
164 border-radius: 20px;
165 font-weight: bold;
166 text-transform: uppercase;
167 }
168
169 .btn-light {
170 background-color: #fff;
171 color: #000;
172 border: none;
173 }
174
175 .btn-light:hover {
176 background-color: #c2c2c5;
177 color: #fff;
178 }
179
180 footer {
181 background-color: #4f535d;
182 color: #fff;
183 padding: 4rem 0;
184 margin-top: 3rem;
185 }
186
187 h5 {
188 font-size: 1.5rem;
189 text-transform: uppercase;
190 font-weight: bold;
191 margin-bottom: 1.5rem;
192 }
193
194 p {
195 font-size: 1.2rem;
196 margin-bottom: 2rem;
197 }
198
199 hr.bg-white {
200 border-color: #fff;
201 }
202
203 @media (max-width: 991.98px) {
204 .navbar-nav.m-auto {
205 margin-top: 1.5rem;
206 display: flex;
207 flex-direction: column;
208 align-items: center;
209 }
210
211 .nav-link {
212 margin-right: 0;
213 margin-bottom: 1.5rem;
214 }
215
216 .jumbotron-heading {
217 font-size: 3.5rem;
218 }
219 }
220 label {
221 display: block;
222 font-size: 21px;
223 font-weight: bold;
224 margin-bottom: 5px;
225 }
226
227 input[type="text"],
228 input[type="number"] {
229 display: block;
230 width: 70%;
231 height: 40px;
232 padding: 10px;
233 margin-bottom: 20px;
234 border: none;
235 border-radius: 5px;
236 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
237 }
238 select {
239 display: block;
240 width: 70%;
241 padding: 10px;
242 margin-bottom: 20px;
243 border: none;
244 border-radius: 5px;
245 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
246 -webkit-appearance: none;
247 -moz-appearance: none;
248 appearance: none;
249 background-color: #f5f5f5;
250 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M0 2l4 4 4-4h-8z'/%3E%3C/svg%3E");
251 background-repeat: no-repeat;
252 background-position: right 10px center;
253 }
254
255
256</style>
Note: See TracBrowser for help on using the repository browser.