|
4 | 4 | xmlns:sec="http://www.thymeleaf.org/extras/spring-security" |
5 | 5 | xmlns:sd="http://www.thymeleaf.org/spring-data"> |
6 | 6 |
|
7 | | - <div th:fragment="navbartop(contexts,locale,thisProject,numberOfNewIncomingMessages,ctx)" > |
8 | | - <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark"> |
9 | | - <div class="container"> |
10 | | - <a class="navbar-brand" th:href="@{/}"> |
11 | | - <i class="fas fa-list-alt"></i> |
12 | | - <span th:text="#{navbar.brand.name}">SimpleWorklist</span> |
| 7 | + <div th:fragment="navbartop(contexts,locale,thisProject,numberOfNewIncomingMessages,ctx)"> |
| 8 | + <div class="container-fluid"> |
| 9 | + <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark"> |
| 10 | + <div class="container"> |
| 11 | + |
| 12 | + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar" |
| 13 | + aria-controls="mynavbar" aria-expanded="false" aria-label="Toggle navigation"> |
| 14 | + <span class="navbar-toggler-icon"></span> |
| 15 | + </button> |
| 16 | + |
| 17 | + <a class="navbar-brand" th:href="@{/}"> |
| 18 | + <i class="fas fa-list-alt"></i> |
| 19 | + <span th:text="#{navbar.brand.name}">SimpleWorklist</span> |
| 20 | + </a> |
| 21 | + |
| 22 | + <div id="mynavbar" class="collapse navbar-collapse"> |
| 23 | + <ul class="navbar-nav me-auto mb-2 mb-lg-0" sec:authorize="isAuthenticated()"> |
| 24 | + <li class="nav-item dropdown"> |
| 25 | + <a class="nav-link dropdown-toggle" id="contextMenu" role="button" |
| 26 | + data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#"> |
| 27 | + <i class="fas fa-cloud"></i> |
| 28 | + <span th:text="#{layout.page.contexts}">"Context</span> |
| 29 | + <span class="caret"></span> |
| 30 | + </a> |
| 31 | + <div class="dropdown-menu" aria-labelledby="contextMenu"> |
| 32 | + <a class="dropdown-item" th:each="context : ${contexts}" |
| 33 | + th:href="@{/context/choose/{id}(id=${context.id})}"> |
| 34 | + <span th:if="${locale eq 'de'}" th:text="${context.nameDe}"></span> |
| 35 | + <span th:if="${locale ne 'de'}" th:text="${context.nameEn}"></span> |
| 36 | + </a> |
| 37 | + </div> |
| 38 | + </li> |
| 39 | + <li class="nav-item"> |
| 40 | + <a class="nav-link" th:href="@{/user/selfservice/profile}"> |
| 41 | + <i class="fas fa-user"></i> |
| 42 | + <span th:text="#{layout.page.showUsers}">User</span> |
| 43 | + <span class="badge badge-pill badge-light" |
| 44 | + th:if="${numberOfNewIncomingMessages gt 0}" |
| 45 | + th:text="${numberOfNewIncomingMessages}"> |
| 46 | + numberOfNewIncomingMessages |
| 47 | + </span> |
| 48 | + </a> |
| 49 | + </li> |
| 50 | + <li class="nav-item"> |
| 51 | + <a class="nav-link" th:href="@{/user/logout}"> |
| 52 | + <i class="fas fa-sign-out-alt"></i> |
| 53 | + <span th:text="#{layout.page.logout}">Logout</span> |
| 54 | + </a> |
| 55 | + </li> |
| 56 | + </ul> |
| 57 | + <ul class="navbar-nav me-auto mb-2 mb-lg-0" sec:authorize="isAnonymous()"> |
| 58 | + <li class="nav-item"> |
| 59 | + <a class="nav-link" th:href="@{/user/register/}"> |
| 60 | + <i class="fas fa-user"></i> |
| 61 | + <span th:text="#{layout.page.register}">Register as New User</span> |
| 62 | + </a> |
| 63 | + </li> |
| 64 | + <li class="nav-item"> |
| 65 | + <a class="nav-link" th:href="@{/user/login/}"> |
| 66 | + <i class="fas fa-sign-in-alt"></i> |
| 67 | + <span th:text="#{layout.page.login}">Login</span> |
| 68 | + </a> |
| 69 | + </li> |
| 70 | + <li class="nav-item"> |
| 71 | + <a class="nav-link" th:href="@{/user/resetPassword/}"> |
| 72 | + <i class="fas fa-question-circle"></i> |
| 73 | + <span th:text="#{layout.page.passwordForgotten}">Password forgotten?</span> |
| 74 | + </a> |
| 75 | + </li> |
| 76 | + </ul> |
| 77 | + <ul class="navbar-nav mr-auto"> |
| 78 | + <li class="nav-item dropdown"> |
| 79 | + <a id="languageMenu" class="nav-link dropdown-toggle" |
| 80 | + role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#"> |
| 81 | + <i class="fas fa-globe"></i><b class="caret"></b> |
13 | 82 | </a> |
14 | | - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar" |
15 | | - aria-controls="mynavbar" aria-expanded="false" aria-label="Toggle navigation"> |
16 | | - <span class="navbar-toggler-icon"></span> |
17 | | - </button> |
18 | | - <div id="mynavbar" class="collapse navbar-collapse"> |
19 | | - <ul class="navbar-nav mr-auto" sec:authorize="isAuthenticated()"> |
20 | | - <li class="nav-item dropdown"> |
21 | | - <a class="nav-link dropdown-toggle" id="contextMenu" role="button" |
22 | | - data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#"> |
23 | | - <i class="fas fa-cloud"></i> |
24 | | - <span th:text="#{layout.page.contexts}">"Context</span> |
25 | | - ( <span th:text="${context}"/> ) |
26 | | - <span class="caret"></span> |
27 | | - </a> |
28 | | - <div class="dropdown-menu" aria-labelledby="contextMenu"> |
29 | | - <a class="dropdown-item" th:each="context : ${contexts}" |
30 | | - th:href="@{/context/choose/{id}(id=${context.id})}"> |
31 | | - <span th:if="${locale eq 'de'}" th:text="${context.nameDe}"></span> |
32 | | - <span th:if="${locale ne 'de'}" th:text="${context.nameEn}"></span> |
33 | | - </a> |
34 | | - </div> |
35 | | - </li> |
36 | | - <li class="nav-item"> |
37 | | - <a class="nav-link" th:href="@{/user/selfservice/profile}"> |
38 | | - <i class="fas fa-user"></i> |
39 | | - <span th:text="#{layout.page.showUsers}">User</span> |
40 | | - ( <span sec:authentication="name"></span> ) |
41 | | - <span class="badge badge-pill badge-light" |
42 | | - th:if="${numberOfNewIncomingMessages gt 0}" |
43 | | - th:text="${numberOfNewIncomingMessages}"> |
44 | | - numberOfNewIncomingMessages |
45 | | - </span> |
46 | | - </a> |
47 | | - </li> |
48 | | - <li class="nav-item"> |
49 | | - <a class="nav-link" th:href="@{/user/logout}"> |
50 | | - <i class="fas fa-sign-out-alt"></i> |
51 | | - <span th:text="#{layout.page.logout}">Logout</span> |
52 | | - </a> |
53 | | - </li> |
54 | | - </ul> |
55 | | - <ul class="navbar-nav mr-auto" sec:authorize="isAnonymous()"> |
56 | | - <li class="nav-item"> |
57 | | - <a class="nav-link" th:href="@{/user/register/}"> |
58 | | - <i class="fas fa-user"></i> |
59 | | - <span th:text="#{layout.page.register}">Register as New User</span> |
60 | | - </a> |
61 | | - </li> |
62 | | - <li class="nav-item"> |
63 | | - <a class="nav-link" th:href="@{/user/login/}"> |
64 | | - <i class="fas fa-sign-in-alt"></i> |
65 | | - <span th:text="#{layout.page.login}">Login</span> |
66 | | - </a> |
67 | | - </li> |
68 | | - <li class="nav-item"> |
69 | | - <a class="nav-link" th:href="@{/user/resetPassword/}"> |
70 | | - <i class="fas fa-question-circle"></i> |
71 | | - <span th:text="#{layout.page.passwordForgotten}">Password forgotten?</span> |
72 | | - </a> |
73 | | - </li> |
74 | | - </ul> |
75 | | - <ul class="navbar-nav mr-auto"> |
76 | | - <li class="nav-item dropdown"> |
77 | | - <a id="languageMenu" class="nav-link dropdown-toggle" |
78 | | - role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#"> |
79 | | - <i class="fas fa-globe"></i><b class="caret"></b> |
80 | | - </a> |
81 | | - <div class="dropdown-menu" aria-labelledby="contextMenu"> |
82 | | - <a th:href="@{{url}(lang='de',url=${#request.getRequestURL()})}" |
83 | | - class="dropdown-item lang-switcher-de" > |
84 | | - <img class="lang-switcher-img" th:src="@{/img/de.png}"/>deutsch |
85 | | - </a> |
86 | | - <a th:href="@{{url}(lang='en',url=${#request.getRequestURL()})}" |
87 | | - class="dropdown-item lang-switcher-en"> |
88 | | - <img class="lang-switcher-img" th:src="@{/img/gb.png}"/>english |
89 | | - </a> |
90 | | - </div> |
91 | | - </li> |
92 | | - </ul> |
93 | | - <form th:action="@{/searchRequest}" class="form-inline my-2 my-lg-0" role="searchRequest" method="get" |
94 | | - sec:authorize="isAuthenticated()"> |
95 | | - <input class="form-control mr-sm-2" type="searchRequest" name="searchterm" placeholder="Search" |
96 | | - aria-label="Search"> |
97 | | - <button class="btn btn-outline-secondary btn-sm my-2 my-sm-0" type="submit"> |
98 | | - <i class="fas fa-searchRequest"></i> |
99 | | - </button> |
100 | | - </form> |
| 83 | + <div class="dropdown-menu" aria-labelledby="contextMenu"> |
| 84 | + <a th:href="@{{url}(lang='de',url=${#request.getRequestURL()})}" |
| 85 | + class="dropdown-item lang-switcher-de"> |
| 86 | + <img class="lang-switcher-img" th:src="@{/img/de.png}"/>deutsch |
| 87 | + </a> |
| 88 | + <a th:href="@{{url}(lang='en',url=${#request.getRequestURL()})}" |
| 89 | + class="dropdown-item lang-switcher-en"> |
| 90 | + <img class="lang-switcher-img" th:src="@{/img/gb.png}"/>english |
| 91 | + </a> |
101 | 92 | </div> |
102 | | - </div> |
103 | | - </nav> |
| 93 | + </li> |
| 94 | + </ul> |
| 95 | + <form class="d-flex" th:action="@{/searchRequest}" method="post" sec:authorize="isAuthenticated()"> |
| 96 | + <input class="form-control me-2 small" type="search" placeholder="Search" aria-label="Search"> |
| 97 | + <button class="btn btn-sm btn-outline-primary" type="submit"><i class="fas fa-search"></i></button> |
| 98 | + </form> |
| 99 | + </div> |
| 100 | + </div> |
| 101 | + </nav> |
104 | 102 | </div> |
| 103 | + </div> |
105 | 104 |
|
106 | 105 | </html> |
0 commit comments