Stirling-PDF/src/main/resources/templates/navbar.html

47 lines
1.9 KiB
HTML

<div th:fragment="navbar">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#" th:href="@{/home}">Stirling PDF</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarNav" aria-controls="navbarNav"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="#"
th:href="@{/merge-pdfs}"
th:classappend="${currentPage}=='/merge-pdfs' ? 'active' : ''">Merge
PDFs</a></li>
<li class="nav-item"><a class="nav-link" href="#"
th:href="@{/split-pdfs}"
th:classappend="${currentPage}=='/split-pdfs' ? 'active' : ''">Split
PDFs</a></li>
<li class="nav-item"><a class="nav-link" href="#"
th:href="@{/convert-to-pdf}"
th:classappend="${currentPage}=='/convert-to-pdf' ? 'active' : ''">Convert
to PDF</a></li>
<li class="nav-item"><a class="nav-link" href="#"
th:href="@{/convert-from-pdf}"
th:classappend="${currentPage}=='/convert-from-pdf' ? 'active' : ''">Convert
from PDF</a></li>
<li class="nav-item"><a class="nav-link" href="#"
th:href="@{/add-image}"
th:classappend="${currentPage}=='/add-image' ? 'active' : ''">Add
image to PDF</a></li>
<li class="nav-item"><a class="nav-link" href="#"
th:href="@{/pdf-organizer}"
th:classappend="${currentPage}=='/pdf-organizer' ? 'active' : ''">PDF
Organizer</a></li>
<input type="checkbox" id="toggle-dark-mode"
th:onclick="javascript:toggleDarkMode()">
<a class="nav-link" href="#" for="toggle-dark-mode">Dark Mode</a>
</ul>
</div>
</div>
</nav>
</div>