mirror of
https://github.com/KevinMidboe/zoff.git
synced 2025-10-29 18:00:23 +00:00
69 lines
3.2 KiB
Handlebars
69 lines
3.2 KiB
Handlebars
<header>
|
|
<div class="navbar-fixed">
|
|
<nav id="nav">
|
|
<div class="nav-wrapper">
|
|
<div class="brand-logo zbrand channel-logo-container">
|
|
<a href="/" class="brand-logo brand-logo-navigate">
|
|
<img class="zicon" src="/assets/images/z.svg" alt="zoff-logo" title="Home" />
|
|
</a>
|
|
<span id="chan" class="chan clickable">{{list_name}}</span>
|
|
</div>
|
|
<ul class="title-container">
|
|
<li class="song-title cursor-pointer truncate" id="song-title">
|
|
Loading...
|
|
</li>
|
|
<li class="search-container hide" id="search-wrapper">
|
|
<input id="search" class="search_input white-text" type="text" title="Search for songs..." placeholder="Find song on YouTube..." onsubmit="null;" autocomplete="off" />
|
|
</li>
|
|
</ul>
|
|
<ul class="right control-list noselect">
|
|
<li id="search_loader" class="valign-wrapper">
|
|
<div id="search_loader_inner">
|
|
<div class="preloader-wrapper small search_loader_spinner">
|
|
<div class="spinner-layer spinner-white-only">
|
|
<div class="circle-clipper left">
|
|
<div class="circle"></div>
|
|
</div><div class="gap-patch">
|
|
<div class="circle"></div>
|
|
</div><div class="circle-clipper right">
|
|
<div class="circle"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="search-btn-container">
|
|
<div class="nav-btn" id="search-btn">
|
|
<i class="material-icons">search</i>
|
|
</div>
|
|
</li>
|
|
{{#if client}}
|
|
<li class="skip_next_client">
|
|
<div class="nav-btn skip">
|
|
<i class="material-icons">skip_next</i>
|
|
</div>
|
|
</li>
|
|
{{/if}}
|
|
<li class="shuffle-btn-container">
|
|
<div class="nav-btn" id="shuffle">
|
|
<i class="material-icons">shuffle</i>
|
|
</div>
|
|
</li>
|
|
<li class="settings-hamburger" data-activates="settings-bar" id="settings">
|
|
<div class="hamburger-sidenav">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<ul class="sidenav" id="settings-bar">
|
|
{{> channel/panel}}
|
|
</ul>
|
|
{{> channel/search}}
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
{{> channel/modal}}
|
|
</header>
|