source: src/main/resources/templates/fragments/header.html@ bcb4acc

Last change on this file since bcb4acc was 1e7126f, checked in by DenicaKj <dkorvezir@…>, 15 months ago

fix
  • Property mode set to 100644
File size: 4.1 KB
Line 
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
72 <th:block sec:authorize="hasAuthority('ROLE_ADMIN')" th:if="${#request.getRemoteUser()}">
73 <li class="nav-item dropdown" style="width: 20px">
74 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding: 0">
75 </a>
76 <div class="dropdown-menu" aria-labelledby="navbarDropdown">
77 <a class="dropdown-item" href="/workers">Вработени</a>
78 <a class="dropdown-item" href="/addProjection">Нова Проекција</a>
79 <a class="dropdown-item" href="/addFilm">Нов Филм</a>
80 <a class="dropdown-item" href="/addEvent">Нов Настан</a>
81 <a class="dropdown-item" href="/addDiscount">Нов Попуст</a>
82 </div>
83 </li>
84 </th:block>
85 </ul>
86 <ul class="menu-right">
87 <th:block sec:authorize="hasAuthority('ROLE_ADMIN')" th:if="${#request.getRemoteUser() != null}">
88 <li class="reg">
89 <a href="/profileWorker">
90 <th:block th:text="${#request.getRemoteUser()}"></th:block>
91 </a>
92 </li>
93 </th:block>
94 <th:block sec:authorize="hasAuthority('ROLE_WORKER')" th:if="${#request.getRemoteUser() != null}">
95 <li class="reg">
96 <a href="/profileWorker">
97 <th:block th:text="${#request.getRemoteUser()}"></th:block>
98 </a>
99 </li>
100 </th:block>
101 <th:block sec:authorize="hasAuthority('ROLE_USER')" th:if="${#request.getRemoteUser() != null}">
102 <li class="reg">
103 <a href="/profileUser">
104 <th:block th:text="${#request.getRemoteUser()}"></th:block>
105 </a>
106 </li>
107 </th:block>
108 <th:block th:if="${#request.getRemoteUser() == null}">
109 <li class="reg"><a href="/register">Регистрација</a></li>
110 </th:block>
111 <th:block th:if="${#request.getRemoteUser() != null}">
112 <li class="reg" sec:authorize="isAuthenticated()">
113 <a href="/logout">
114 Одјави се
115 </a>
116 </li>
117 </th:block>
118 <th:block th:if="${#request.getRemoteUser() == null}">
119 <li class="reg"><a href="/login">Најава</a></li>
120 </th:block>
121 </ul>
122</nav></div>
123</body>
124</html>
Note: See TracBrowser for help on using the repository browser.