source: src/main/resources/templates/korisnici.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: 9.0 KB
Line 
1<!DOCTYPE html>
2<html lang="en" xmlns:sec="http://www.w3.org/1999/xhtml">
3<head>
4 <meta charset="UTF-8">
5 <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">
6 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
7 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
8 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
9
10</head>
11<body>
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 <ul class="nav navbar-nav navbar-right">
36
37 <li style="color: white; padding-left: 5px;" class="nav-item" th:if="${session.korisnik != null}"
38 th:text="${'Welcome, ' + session.korisnik }">
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">
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
55 </ul>
56 </div>
57 </div>
58 </nav>
59</header>
60
61<div th:block xmlns:th="http://www.thymeleaf.org">
62 <section class="jumbotron text-center">
63 <div class="container">
64 <h3 class="jumbotron-heading">Корисници во нашата продавница
65
66 </h3>
67 </div>
68 </section>
69
70 <div th:if="${hasError}">
71 <h5 class="text-center text-danger" th:text="${error}"></h5>
72 </div>
73
74 <div class="container mb-4">
75 <div class="row">
76 <div class="col-12" th:if="${korisnici.size() > 0}">
77 <div class="table-responsive">
78 <table class="table table-striped">
79 <thead>
80 <tr>
81 <th scope="col">Корисничко име</th>
82 <th scope="col">Е-пошта</th>
83 <th scope="col">Телефонски број</th>
84 </tr>
85 </thead>
86 <tbody>
87 <tr th:each="k : ${korisnici}" class="product">
88 <td th:text="${k.ime}">[k.ime]</td>
89 <td th:text="${k.email}">[k.email]</td>
90 <td th:text="${k.broj}">[k.broj]</td>
91 <td>
92
93
94 <a class="edit-item" th:href="@{'/korisnici/{korisnicko_ime}/edit' (korisnicko_ime = ${k.ime})}" sec:authorize="hasAuthority('ROLES_VRABOTEN')">Уреди</a>
95
96 </td>
97
98 </tr>
99 </tbody>
100 </table>
101 </div>
102 </div>
103
104 </div>
105 </div>
106
107</div>
108
109<footer class="text-black-50 mt-xl-5" xmlns:th="http://www.thymeleaf.org">
110 <div class="container">
111 <div class="row">
112 <div class="col-md-3 col-lg-4 col-xl-3">
113 <h5>За нас</h5>
114 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
115 <p class="mb-0">
116 Компанијата LaggerNet постои од 2001 година и е тука за да ви овозможи да го најдете производот што ви треба за најдобрата цена!
117 </p>
118 </div>
119
120 <div class="col-md-2 col-lg-2 col-xl-2 mx-auto">
121 <h5>Информации</h5>
122 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
123 <ul class="list-unstyled">
124 <li><a href="">Link 1</a></li>
125 <li><a href="">Link 2</a></li>
126 <li><a href="">Link 3</a></li>
127 <li><a href="">Link 4</a></li>
128 </ul>
129 </div>
130
131 <div class="col-md-3 col-lg-2 col-xl-2 mx-auto">
132 <h5>Други линкови</h5>
133 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
134 <ul class="list-unstyled">
135 <li><a href="">Link 1</a></li>
136 <li><a href="">Link 2</a></li>
137 <li><a href="">Link 3</a></li>
138 <li><a href="">Link 4</a></li>
139 </ul>
140 </div>
141
142 <div class="col-md-4 col-lg-3 col-xl-3">
143 <h5>Контакт</h5>
144 <hr class="bg-white mb-2 mt-0 d-inline-block mx-auto w-25">
145 <ul class="list-unstyled">
146 <li><i class="fa fa-home mr-2"></i>За дополнителни информации можете да ни се обратите на следната е-пошта или телефонските броеви оставени подолу. </li>
147 <li><i class="fa fa-envelope mr-2" ></i> <b>laggernet@yahoo.com</b></li>
148 <li><i class="fa fa-phone mr-2"></i><b> +389 323 200</b></li>
149 <li><i class="fa fa-print mr-2"></i> <b>+389 775 632</b></li>
150 </ul>
151 </div>
152 </div>
153 </div>
154</footer>
155</body>
156</html>
157<style>
158 a.edit-item {
159 display: inline-block;
160 background-color: #28a745;
161 color: #fff;
162 padding: 0.5rem 1rem;
163 border-radius: 0.25rem;
164 text-decoration: none;
165 transition: background-color 0.3s ease;
166 }
167
168 a.edit-item:hover {
169 background-color: #1d943b;
170 }
171 body {
172 background-color: #f2f2f2;
173 }
174
175 .navbar {
176 border-radius: 0;
177 }
178
179 .navbar-brand {
180 font-family: 'Montserrat', sans-serif;
181 font-size: 2rem;
182 font-weight: bold;
183 color: #fff;
184 }
185
186 .nav-link {
187 font-size: 1.2rem;
188 color: #fff !important;
189 text-transform: uppercase;
190 font-weight: bold;
191 margin-right: 1.5rem;
192 }
193
194 .nav-link:hover {
195 color: #00a6ff !important;
196 }
197
198 .jumbotron-heading {
199 font-size: 3rem;
200 color: #3a3c3d;
201 font-weight: bold;
202 text-shadow: 2px 2px #226781;
203 margin-top: 3rem;
204 }
205
206 .btn {
207 border-radius: 20px;
208 font-weight: bold;
209 text-transform: uppercase;
210 }
211
212 .btn-light {
213 background-color: #fff;
214 color: #000;
215 border: none;
216 }
217
218 .btn-light:hover {
219 background-color: #00a6ff;
220 color: #fff;
221 }
222
223 footer {
224 background-color: #4f535d;
225 color: #fff;
226 padding: 4rem 0;
227 margin-top: 3rem;
228 }
229
230 h5 {
231 font-size: 1.5rem;
232 text-transform: uppercase;
233 font-weight: bold;
234 margin-bottom: 1.5rem;
235 }
236
237 p {
238 font-size: 1.2rem;
239 margin-bottom: 2rem;
240 }
241
242 hr.bg-white {
243 border-color: #fff;
244 }
245
246 @media (max-width: 991.98px) {
247 .navbar-nav.m-auto {
248 margin-top: 1.5rem;
249 display: flex;
250 flex-direction: column;
251 align-items: center;
252 }
253
254 .nav-link {
255 margin-right: 0;
256 margin-bottom: 1.5rem;
257 }
258
259 .jumbotron-heading {
260 font-size: 3.5rem;
261 }
262 }
263</style>
Note: See TracBrowser for help on using the repository browser.