Revize 9456601d
Přidáno uživatelem Petr Urban před téměř 3 roky(ů)
src/main/webapp/WEB-INF/templates/fragments/navbar.html | ||
---|---|---|
1 | 1 |
<div th:fragment="navBar" xmlns:th="http://www.w3.org/1999/xhtml"> |
2 |
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light" id="main-navbar"> |
|
3 |
<a th:href="@{/}" class="navbar-brand"><b>SPAWn</b> – SPADe Web Interface</a> |
|
4 |
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> |
|
5 |
<span class="navbar-toggler-icon"></span> |
|
6 |
</button> |
|
7 |
<div class="collapse navbar-collapse" id="navbarSupportedContent"> |
|
8 |
<ul class="navbar-nav mr-auto"> |
|
9 |
<li class="nav-item active"> |
|
10 |
<a class="nav-link" th:href="@{/detect}">Detect</a> |
|
11 |
</li> |
|
12 |
<li th:switch="${query} == null OR ${#lists.isEmpty(query.antiPatterns)}" class="nav-item active"> |
|
13 |
<a th:case="false" class="nav-link" th:href="@{/configuration}">Configuration</a> |
|
14 |
<a th:case="true" class="nav-link" href="#" style="color: red">Configuration</a> |
|
15 |
</li> |
|
16 |
<li class="nav-item active"> |
|
17 |
<a class="nav-link" th:href="@{/about}">About</a> |
|
18 |
</li> |
|
19 |
</ul> |
|
20 |
<ul class="nav navbar-nav navbar-right"> |
|
21 |
<li class="nav-item active"> |
|
22 |
<span class="nav-link" id="current-configuration-label">Configuration:</span> |
|
23 |
</li> |
|
24 |
<li class="nav-item active" id="current-configuration-box"> |
|
25 |
<form id="configuration-form" th:action="@{/setSelectedConfiguration}" method="post"> |
|
26 |
<select class="form-control" id="current-configuration-select" name="current-configuration-select" onchange="this.form.submit()"> |
|
27 |
<option th:each="configuration : ${configurationList}" th:value = ${configuration} th:text = ${configuration} th:selected="${#strings.equals(configuration, selectedConfiguration)}"></option> |
|
28 |
</select> |
|
29 |
</form> |
|
30 |
</li> |
|
31 |
<li class="nav-item active"> |
|
32 |
<span class="nav-link" id="user-name-container" hidden></span> |
|
33 |
</li> |
|
34 |
<li class="nav-item active"> |
|
35 |
<a class="btn btn-primary" th:href="@{/login}" id="login-button" hidden>Log In</a> |
|
36 |
</li> |
|
37 |
<li class="nav-item active"> |
|
38 |
<a class="btn btn-outline-primary" th:href="@{/logout}" id="logout-button" hidden>Log Out</a> |
|
39 |
</li> |
|
40 |
</ul> |
|
2 |
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light"> |
|
3 |
<div class="container-fluid"> |
|
4 |
<a class="navbar-brand"><b>SPAWn</b> – SPADe Web Interface</a> |
|
5 |
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" |
|
6 |
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> |
|
7 |
<span class="navbar-toggler-icon"></span> |
|
8 |
</button> |
|
9 |
<div class="collapse navbar-collapse" id="navbarSupportedContent"> |
|
10 |
<ul class="navbar-nav mr-auto"> |
|
11 |
<li class="nav-item active"> |
|
12 |
<a class="nav-link" th:href="@{/detect}">Detect</a> |
|
13 |
</li> |
|
14 |
<li th:if="${not #lists.isEmpty(query.antiPatterns)}" class="nav-item active"> |
|
15 |
<a class="nav-link" th:href="@{/configuration}">Configuration</a> |
|
16 |
</li> |
|
17 |
<li class="nav-item active"> |
|
18 |
<a class="nav-link" th:href="@{/about}">About</a> |
|
19 |
</li> |
|
20 |
</ul> |
|
21 |
<ul class="nav navbar-nav ms-auto"> |
|
22 |
<li class="nav-item active"> |
|
23 |
<span class="nav-link" id="current-configuration-label">Configuration:</span> |
|
24 |
</li> |
|
25 |
<li class="nav-item active" id="current-configuration-box"> |
|
26 |
<form id="configuration-form" th:action="@{/setSelectedConfiguration}" method="post"> |
|
27 |
<select class="form-control" id="current-configuration-select" |
|
28 |
name="current-configuration-select" onchange="this.form.submit()"> |
|
29 |
<option th:each="configuration : ${configurationList}" th:value=${configuration} |
|
30 |
th:text=${configuration} |
|
31 |
th:selected="${#strings.equals(configuration, selectedConfiguration)}"></option> |
|
32 |
</select> |
|
33 |
</form> |
|
34 |
</li> |
|
35 |
<li class="nav-item active"> |
|
36 |
<span class="nav-link" id="user-name-container" hidden></span> |
|
37 |
</li> |
|
38 |
<li class="nav-item active"> |
|
39 |
<a class="btn btn-primary" th:href="@{/login}" id="login-button" hidden>Log In</a> |
|
40 |
</li> |
|
41 |
<li class="nav-item active"> |
|
42 |
<a class="btn btn-outline-primary" th:href="@{/logout}" id="logout-button" hidden>Log Out</a> |
|
43 |
</li> |
|
44 |
</ul> |
|
45 |
</div> |
|
41 | 46 |
</div> |
42 | 47 |
</nav> |
43 | 48 |
</div> |
Také k dispozici: Unified diff
merge