WebFM/src/core/templates/body-header.html

68 lines
3.3 KiB
HTML

<nav class="navbar navbar-expand-sm bg-dark navbar-dark sticky-top justify-content-center text-center">
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarTogglerHeader" aria-controls="navbarTogglerHeader"
aria-expanded="false" aria-label="Toggle Header Navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbarTogglerHeader" class="row collapse navbar-collapse">
<div class="col-sm">
{% if current_directory %}
<li class="nav-item">
<div class="input-group input-group-sm justify-content-center">
<button title="Other Options..." class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#options-modal"></button>
<button title="Refresh..." id="refresh-btn" class="btn btn-sm btn-secondary" hash="{{dot_dots[0][1]}}"></button>
<button title="Back..." id="back-btn" class="btn btn-sm btn-secondary" hash="{{dot_dots[1][1]}}"></button>
<input id="search-files-field" type="text" class="form-control" aria-label="Search..." placeholder="Search..." style="max-width: 260px">
<div class="input-group-prepend">
<span id="clear-search-btn" class="input-group-text" title="Clears search...">X</span>
</div>
<button title="File viewer..." class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#file-view-modal">🖼</button>
</div>
</li>
{% else %}
<!-- Branding -->
<div class="navbar-brand">
<div class="site-branding">
<h4 class="site-title">
<a href="{{ url_for('home') }}" title="{{TITLE}} Home" rel="home">
{{TITLE}}
</a>
</h4>
<h6 class="site-description">For the files!</h6>
</div>
</div>
{% endif %}
</div>
<div class="col col-lg-auto">
<!-- Links -->
<ul class="navbar-nav">
{% if not current_user.is_authenticated %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Account
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="{{ url_for('login') }}">
<i title="Login" class="fas fa-user"></i>&nbsp;&nbsp;Login</a>
<a class="dropdown-item" href="{{ url_for('register') }}">
<i title="Register A User..." class="fas fa-user-plus"></i>&nbsp;&nbsp;Register</a>
</div>
</li>
{% endif %}
{% if current_user.is_authenticated or oidc_loggedin() %}
<li class="nav-item">
<a class="nav-link" href="{{ url_for('logout') }}">
<i class="fas fa-sign-out-alt"></i> Logout</a>
</li>
{% endif %}
</ul>
</div>
</div>
</nav>