This commit is contained in:
Jerry
2022-08-18 10:34:55 +02:00
parent f64ad04d11
commit 727de07ff3

View File

@@ -137,7 +137,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
</div>
<div class="left">
<span class="icon-search hide-sm"></span>
<button class="button clear link" title="Clear Search">
<button class="button clear link clear-search" id="clear-search" title="Clear Search" style="display: none;">
<span class="icon-close"></span>
</button>
<input type="text" class="form-control" placeholder="Search books and study materials" id="header-search">
@@ -322,6 +322,17 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
headerSearchCont?.classList.remove('open');
});
headerSearch.addEventListener('keydown', () => {
setTimeout(() => {
if (document.getElementById('header-search').value.length > 0) {
document.getElementById('clear-search').style.display = 'block';
} else {
document.getElementById('clear-search').style.display = 'none';
}
}, 20);
});
const moveMenu = function(){
let menuItems = document.querySelectorAll('.menu-link.movable');
@@ -348,8 +359,14 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
}, 1);
}
if (event.target?.closest('.clear-search')) {
document.getElementById('header-search').value = "";
document.getElementById('clear-search').style.display = 'none';
}
if (event.target?.closest('#header-search-btn')) {
let searchData = document.getElementById('header-search').value;
let searchData = document.getElementById('header-search').value.trim();
top.location = appUrl + '/catalog?tab=books-tab&search=' + searchData;
}
@@ -360,7 +377,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
document.querySelector('#header-search').addEventListener('keyup', function(e){
if (e.key === "Enter") {
let searchData = e.target.value;
let searchData = e.target.value.trim();
top.location = appUrl + '/catalog?tab=books-tab&search=' + searchData;
}
})