source: src/main/resources/templates/proizvodi_edit_form.html@ 0e4d807

Last change on this file since 0e4d807 was 0e4d807, checked in by Ivona <ivonatapshanovska@…>, 10 months ago

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