| [ac25203] | 1 | <!DOCTYPE html>
|
|---|
| 2 | <html lang="en">
|
|---|
| 3 | <head>
|
|---|
| 4 | <meta charset="UTF-8">
|
|---|
| 5 | <title>Title</title>
|
|---|
| 6 | </head>
|
|---|
| [4ee640e] | 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 {
|
|---|
| [ade54f6] | 24 |
|
|---|
| [4ee640e] | 25 | height: 10%;
|
|---|
| 26 | background: #1c1d22;
|
|---|
| 27 | font-family: "Varela Round", sans-serif;
|
|---|
| 28 | }
|
|---|
| 29 |
|
|---|
| 30 | .menu {
|
|---|
| [ade54f6] | 31 | width: 100%;
|
|---|
| [4ee640e] | 32 | display: flex;
|
|---|
| [ade54f6] | 33 | justify-content: space-between;
|
|---|
| [4ee640e] | 34 | /*height: 100vh;*/
|
|---|
| [ade54f6] | 35 |
|
|---|
| [4ee640e] | 36 | }
|
|---|
| [ac25203] | 37 |
|
|---|
| [ade54f6] | 38 | .menu ul li{
|
|---|
| 39 | width: 150px;
|
|---|
| [4ee640e] | 40 | height: 50px;
|
|---|
| 41 | transition: background-position-x 0.9s linear;
|
|---|
| 42 | text-align: center;
|
|---|
| [ade54f6] | 43 | list-style: none;
|
|---|
| [4ee640e] | 44 | }
|
|---|
| [ade54f6] | 45 | .menu ul li a {
|
|---|
| [4ee640e] | 46 | font-size: 22px;
|
|---|
| 47 | color: #777;
|
|---|
| 48 | text-decoration: none;
|
|---|
| 49 | transition: all 0.45s;
|
|---|
| 50 | }
|
|---|
| [ade54f6] | 51 | .menu-left{
|
|---|
| 52 | display: flex;
|
|---|
| 53 | }
|
|---|
| 54 | .menu-right{
|
|---|
| 55 | display: flex;
|
|---|
| 56 | }
|
|---|
| [4ee640e] | 57 |
|
|---|
| 58 | </style>
|
|---|
| 59 | <body>
|
|---|
| [eb5426c] | 60 | <div style="width: 100%">
|
|---|
| [a9ffccd] | 61 | <nav class="menu" xmlns:sec="http://www.w3.org/1999/xhtml">
|
|---|
| [ade54f6] | 62 | <ul class="menu-left">
|
|---|
| [0fb69cc] | 63 | <li class="begin"><a href="/home">MovieZone</a></li>
|
|---|
| [a69d48c] | 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>-->
|
|---|
| [17a2fda] | 68 | <th:block sec:authorize="hasAuthority('ROLE_USER')">
|
|---|
| 69 | <li class="begin"><a href="/myTickets">Мои Карти</a></li>
|
|---|
| 70 | </th:block>
|
|---|
| [1e7126f] | 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>
|
|---|
| [17a2fda] | 84 | </th:block>
|
|---|
| [ade54f6] | 85 | </ul>
|
|---|
| 86 | <ul class="menu-right">
|
|---|
| [7926d68] | 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>
|
|---|
| [1e7126f] | 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>
|
|---|
| [7926d68] | 98 | </a>
|
|---|
| 99 | </li>
|
|---|
| 100 | </th:block>
|
|---|
| 101 | <th:block sec:authorize="hasAuthority('ROLE_USER')" th:if="${#request.getRemoteUser() != null}">
|
|---|
| [a9ffccd] | 102 | <li class="reg">
|
|---|
| [7926d68] | 103 | <a href="/profileUser">
|
|---|
| [a9ffccd] | 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>
|
|---|
| [4ee640e] | 121 | </ul>
|
|---|
| [eb5426c] | 122 | </nav></div>
|
|---|
| [ac25203] | 123 | </body>
|
|---|
| 124 | </html> |
|---|
