You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.5 KiB
JavaScript
47 lines
1.5 KiB
JavaScript
document.addEventListener("DOMContentLoaded", () => {
|
|
const advSearchToggle = document.getElementById("adv-search-toggle");
|
|
const advSearchDiv = document.getElementById("adv-search-div");
|
|
const searchBar = document.getElementById("search-bar");
|
|
const countrySelect = document.getElementById("result-country");
|
|
const arrowKeys = [37, 38, 39, 40];
|
|
let searchValue = searchBar.value;
|
|
|
|
countrySelect.onchange = () => {
|
|
let str = window.location.href;
|
|
n = str.lastIndexOf("/search");
|
|
if (n > 0) {
|
|
str = str.substring(0, n) +
|
|
`/search?q=${searchBar.value}&country=${countrySelect.value}`;
|
|
window.location.href = str;
|
|
}
|
|
}
|
|
|
|
const toggleAdvancedSearch = on => {
|
|
if (on) {
|
|
advSearchDiv.style.maxHeight = "70px";
|
|
} else {
|
|
advSearchDiv.style.maxHeight = "0px";
|
|
}
|
|
localStorage.advSearchToggled = on;
|
|
}
|
|
|
|
try {
|
|
toggleAdvancedSearch(JSON.parse(localStorage.advSearchToggled));
|
|
} catch (error) {
|
|
console.warn("Did not recover advanced search toggle state");
|
|
}
|
|
|
|
advSearchToggle.onclick = () => {
|
|
toggleAdvancedSearch(advSearchToggle.checked);
|
|
}
|
|
|
|
searchBar.addEventListener("keyup", function(event) {
|
|
if (event.keyCode === 13) {
|
|
document.getElementById("search-form").submit();
|
|
} else if (searchBar.value !== searchValue && !arrowKeys.includes(event.keyCode)) {
|
|
searchValue = searchBar.value;
|
|
handleUserInput();
|
|
}
|
|
});
|
|
});
|