1 | <!DOCTYPE html>
|
---|
2 | <html lang="en">
|
---|
3 | <head>
|
---|
4 | <meta charset="UTF-8">
|
---|
5 | <title>Title</title>
|
---|
6 | </head>
|
---|
7 | <style>
|
---|
8 | @import url("https://fonts.googleapis.com/css?family=Varela+Round");
|
---|
9 | html {
|
---|
10 | box-sizing: border-box;
|
---|
11 | }
|
---|
12 |
|
---|
13 | *,
|
---|
14 | *:before,
|
---|
15 | *:after {
|
---|
16 | box-sizing: inherit;
|
---|
17 | padding: 0;
|
---|
18 | margin: 0;
|
---|
19 | letter-spacing: 1.1px;
|
---|
20 | }
|
---|
21 |
|
---|
22 | body,
|
---|
23 | html {
|
---|
24 |
|
---|
25 | height: 10%;
|
---|
26 | background: #1c1d22;
|
---|
27 | font-family: "Varela Round", sans-serif;
|
---|
28 | }
|
---|
29 |
|
---|
30 | .menu {
|
---|
31 | width: 100%;
|
---|
32 | display: flex;
|
---|
33 | justify-content: space-between;
|
---|
34 | /*height: 100vh;*/
|
---|
35 |
|
---|
36 | }
|
---|
37 |
|
---|
38 | .menu ul li{
|
---|
39 | width: 150px;
|
---|
40 | height: 50px;
|
---|
41 | transition: background-position-x 0.9s linear;
|
---|
42 | text-align: center;
|
---|
43 | list-style: none;
|
---|
44 | }
|
---|
45 | .menu ul li a {
|
---|
46 | font-size: 22px;
|
---|
47 | color: #777;
|
---|
48 | text-decoration: none;
|
---|
49 | transition: all 0.45s;
|
---|
50 | }
|
---|
51 | .menu-left{
|
---|
52 | display: flex;
|
---|
53 | }
|
---|
54 | .menu-right{
|
---|
55 | display: flex;
|
---|
56 | }
|
---|
57 |
|
---|
58 | </style>
|
---|
59 | <body>
|
---|
60 | <div style="width: 100%">
|
---|
61 | <nav class="menu" xmlns:sec="http://www.w3.org/1999/xhtml">
|
---|
62 | <ul class="menu-left">
|
---|
63 | <li class="begin"><a href="/home">MovieZone</a></li>
|
---|
64 | <li class="begin"><a href="/films">Филмови</a></li>
|
---|
65 | <li class="begin"><a href="/projections">Програма</a></li>
|
---|
66 | <li class="begin"><a href="/events">Настани</a></li>
|
---|
67 | <!-- <li class="begin"><a href="#!">Faq</a></li>-->
|
---|
68 | <th:block sec:authorize="hasAuthority('ROLE_USER')">
|
---|
69 | <li class="begin"><a href="/myTickets">Мои Карти</a></li>
|
---|
70 | </th:block>
|
---|
71 | <th:block sec:authorize="hasAuthority('ROLE_ADMIN')">
|
---|
72 | <li class="begin"><a href="/workers">Вработени</a></li>
|
---|
73 | </th:block>
|
---|
74 | <th:block sec:authorize="hasAuthority('ROLE_ADMIN')">
|
---|
75 | <li class="begin"><a href="/addProjection">Нова Проекција</a></li>
|
---|
76 | </th:block>
|
---|
77 | <th:block sec:authorize="hasAuthority('ROLE_ADMIN')">
|
---|
78 | <li class="begin"><a href="/addFilm">Нов Филм</a></li>
|
---|
79 | </th:block>
|
---|
80 | <th:block sec:authorize="hasAuthority('ROLE_ADMIN')">
|
---|
81 | <li class="begin"><a href="/addEvent">Нов Настан</a></li>
|
---|
82 | </th:block>
|
---|
83 | </ul>
|
---|
84 | <ul class="menu-right">
|
---|
85 | <th:block th:if="${#request.getRemoteUser() != null}">
|
---|
86 | <li class="reg">
|
---|
87 | <a href="/">
|
---|
88 | <th:block th:text="${#request.getRemoteUser()}"></th:block>
|
---|
89 | </a>
|
---|
90 | </li>
|
---|
91 | </th:block>
|
---|
92 | <th:block th:if="${#request.getRemoteUser() == null}">
|
---|
93 | <li class="reg"><a href="/register">Регистрација</a></li>
|
---|
94 | </th:block>
|
---|
95 | <th:block th:if="${#request.getRemoteUser() != null}">
|
---|
96 | <li class="reg" sec:authorize="isAuthenticated()">
|
---|
97 | <a href="/logout">
|
---|
98 | Одјави се
|
---|
99 | </a>
|
---|
100 | </li>
|
---|
101 | </th:block>
|
---|
102 | <th:block th:if="${#request.getRemoteUser() == null}">
|
---|
103 | <li class="reg"><a href="/login">Најава</a></li>
|
---|
104 | </th:block>
|
---|
105 | </ul>
|
---|
106 | </nav></div>
|
---|
107 | </body>
|
---|
108 | </html> |
---|