78 lines
4.1 KiB
HTML
78 lines
4.1 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>
|
|
|
|
<li class="nav-item">
|
|
<div class="input-group input-group-sm justify-content-center">
|
|
<button class="btn btn-sm btn-secondary" data-toggle="modal"
|
|
data-target="#favorites-modal">Faves List ↕</button>
|
|
<button id="tggl-faves-btn" class="btn btn-sm btn-secondary" title="Add/Delete from favorites..." >☆</button>
|
|
<button id="lock-folders-btn" class="btn btn-sm btn-secondary" title="Lock unlocked folders..." >🔒</button>
|
|
<button id="scroll-files-to-top-btn" class="btn btn-sm btn-secondary" title="Lock unlocked folders..." >Scroll Files To Top</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> Login</a>
|
|
<a class="dropdown-item" href="{{ url_for('register') }}">
|
|
<i title="Register A User..." class="fas fa-user-plus"></i> 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>
|