55 lines
2.8 KiB
HTML
55 lines
2.8 KiB
HTML
<!-- Navbar -->
|
|
<nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top ">
|
|
<div class="container-fluid pl-0">
|
|
<div class="navbar-wrapper">
|
|
<div class="navbar-minimize pl-0">
|
|
<button id="minimizeSidebar" class="btn btn-just-icon btn-white btn-fab btn-round">
|
|
<i class="material-icons text_align-center visible-on-sidebar-regular">more_vert</i>
|
|
<i class="material-icons design_bullet-list-67 visible-on-sidebar-mini">view_list</i>
|
|
</button>
|
|
</div>
|
|
<a class="navbar-brand" href="javascript:;"><th:block th:utext="${breadcrumbs}" /></a>
|
|
</div>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="navbar-toggler-icon icon-bar"></span>
|
|
<span class="navbar-toggler-icon icon-bar"></span>
|
|
<span class="navbar-toggler-icon icon-bar"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse justify-content-end">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="material-icons">notifications</i>
|
|
<span class="notification">5</span>
|
|
<p class="d-lg-none d-md-block">
|
|
Some Actions
|
|
</p>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
|
|
<a class="dropdown-item" href="#">Mike John responded to your email</a>
|
|
<a class="dropdown-item" href="#">You have 5 new tasks</a>
|
|
<a class="dropdown-item" href="#">You're now friend with Andrew</a>
|
|
<a class="dropdown-item" href="#">Another Notification</a>
|
|
<a class="dropdown-item" href="#">Another One</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" th:href="@{#{url.chat}}" title="Chat">
|
|
<i class="material-icons">chat</i>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" th:href="@{#{url.logout}}" title="Logout">
|
|
<i class="material-icons">exit_to_app</i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="d-md-block">
|
|
<a th:href="@{/}" class="simple-text logo-mini">
|
|
<img th:src="${baseUrl}+@{/images/logo/logo_sppa.png}" height="64px" style="filter:invert(1)" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav> |