janis/shop-ejs-expressjs
1
0
Fork 0
mirror of https://github.com/DerTyp7/shop-ejs-expressjs.git synced 2025-10-29 12:32:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Header Searchbar center fix, Search page integration

Browse Source
This commit is contained in:
Ben PC
2022-03-30 09:17:42 +02:00
parent d990dd3db0
commit fb4e88e290
2 changed files with 55 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
views/partials/header.ejs
View File

@@ -1,10 +1,14 @@
<div class="headerDIV">
<div class="headerDIVLogo">
<img style="cursor:pointer"onclick="window.open('/', '_self')" src="https://bock-drauf.com/wp-content/uploads/2019/09/amazon-logo-1024x576.png">
</div><div class="headerDIVSearch">
<input placeholder="Suche" class="vertical-center"></input
><button class="vertical-center"><i class="material-icons">search</i></button>
</div><div class="headerDIVButton">
<img style="cursor:pointer" onclick="window.open('/', '_self')" src="https://bock-drauf.com/wp-content/uploads/2019/09/amazon-logo-1024x576.png">
</div>
<div class="headerDIVSearch">
<input placeholder="Suche" class="vertical-center" id="searchbar" value="<%=typeof search !== 'undefined' ? search : '' %>"></input>
<button class="vertical-center" onclick="doSearch()"><i class="material-icons">search</i></button>
</div>
<div class="headerDIVUser">
<% if(user){ %>
<button class="vertical-center" id="headerBtnLogout" onclick="window.open('/logout', '_self')">Log out</button>
<button class="vertical-center" onclick="window.open('/account', '_self')">Ihr Konto</button>
@@ -13,4 +17,22 @@
<button class="vertical-center" onclick="window.open('/login', '_self')">Login</button>
<% } %>
</div>
</div>
</div>
<script>
var input = document.getElementById("searchbar");
input.addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
event.preventDefault();
doSearch();
}
});
function doSearch() {
var val = input.value.trim()
if (val) {
window.open('/search/'+val, '_self')
}
}
</script>