137b0ef8db
New header template adds full control over search field on desktop and mobile, which now allows for autocomplete suggestions on the results page Also fixed autocomplete results format, since opensearch requires a suggestions response of [<original query>, [<suggestion array>]]
82 lines
2.6 KiB
JavaScript
82 lines
2.6 KiB
JavaScript
const setupSearchLayout = () => {
|
|
// Setup search field
|
|
const searchBar = document.getElementById("search-bar");
|
|
const searchBtn = document.getElementById("search-submit");
|
|
|
|
// Automatically focus on search field
|
|
searchBar.focus();
|
|
searchBar.select();
|
|
|
|
searchBar.addEventListener("keyup", function(event) {
|
|
if (event.keyCode === 13) {
|
|
event.preventDefault();
|
|
searchBtn.click();
|
|
} else {
|
|
handleUserInput(searchBar);
|
|
}
|
|
});
|
|
};
|
|
|
|
const fillConfigValues = () => {
|
|
// Establish all config value elements
|
|
const near = document.getElementById("config-near");
|
|
const noJS = document.getElementById("config-nojs");
|
|
const dark = document.getElementById("config-dark");
|
|
const safe = document.getElementById("config-safe");
|
|
const url = document.getElementById("config-url");
|
|
const newTab = document.getElementById("config-new-tab");
|
|
const getOnly = document.getElementById("config-get-only");
|
|
|
|
// Request existing config info
|
|
let xhrGET = new XMLHttpRequest();
|
|
xhrGET.open("GET", "/config");
|
|
xhrGET.onload = function() {
|
|
if (xhrGET.readyState === 4 && xhrGET.status !== 200) {
|
|
alert("Error loading Whoogle config");
|
|
return;
|
|
}
|
|
|
|
// Allow for updating/saving config values
|
|
let configSettings = JSON.parse(xhrGET.responseText);
|
|
|
|
near.value = configSettings["near"] ? configSettings["near"] : "";
|
|
noJS.checked = !!configSettings["nojs"];
|
|
dark.checked = !!configSettings["dark"];
|
|
safe.checked = !!configSettings["safe"];
|
|
getOnly.checked = !!configSettings["get_only"];
|
|
newTab.checked = !!configSettings["new_tab"];
|
|
|
|
// Addresses the issue of incorrect URL being used behind reverse proxy
|
|
url.value = configSettings["url"] ? configSettings["url"] : "";
|
|
};
|
|
|
|
xhrGET.send();
|
|
};
|
|
|
|
const setupConfigLayout = () => {
|
|
// Setup whoogle config
|
|
const collapsible = document.getElementById("config-collapsible");
|
|
collapsible.addEventListener("click", function() {
|
|
this.classList.toggle("active");
|
|
let content = this.nextElementSibling;
|
|
if (content.style.maxHeight) {
|
|
content.style.maxHeight = null;
|
|
} else {
|
|
content.style.maxHeight = content.scrollHeight + "px";
|
|
}
|
|
|
|
content.classList.toggle("open");
|
|
});
|
|
|
|
fillConfigValues();
|
|
};
|
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
setTimeout(function() {
|
|
document.getElementById("main").style.display = "block";
|
|
}, 100);
|
|
|
|
setupSearchLayout();
|
|
setupConfigLayout();
|
|
});
|