You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.1 KiB
50 lines
1.1 KiB
|
|
<div class="nav">
|
|
<div class="button-container" id="button-container" >
|
|
<div class="bt first"
|
|
hx-get="/home"
|
|
hx-select="#container"
|
|
hx-indicator=".progress"
|
|
hx-on:click="resetSearch()"
|
|
hx-target="#container"
|
|
>
|
|
<h1 class="bt-inner">Home</h1>
|
|
</div>
|
|
<div class="bt"
|
|
hx-get="/favorites"
|
|
hx-target="#container"
|
|
hx-on:click="resetSearch()"
|
|
hx-indicator=".progress"
|
|
>
|
|
<h1 class="bt-inner">Collection</h1>
|
|
</div>
|
|
<%- include('searchBar.ejs') %>
|
|
</div>
|
|
<% if(!data){%>
|
|
<button class="login"
|
|
hx-get="/login"
|
|
hx-indicator=".progress"
|
|
hx-target="#container"
|
|
>
|
|
Login
|
|
</button>
|
|
<% } else {%>
|
|
<button class="login burgerMenu"
|
|
hx-get="/dashboard"
|
|
hx-indicator=".progress"
|
|
hx-target="#container"
|
|
>
|
|
<span class="material-symbols-outlined">
|
|
menu
|
|
</span>
|
|
</button>
|
|
<% } %>
|
|
</div>
|
|
<script>
|
|
function resetSearch()
|
|
{
|
|
let search = document.getElementById('search');
|
|
search.value = '';
|
|
}
|
|
</script>
|