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.
wubloader/buscribe-web/script.js

63 lines
1.7 KiB
JavaScript

function onSiteLoad(e) {
document.getElementById("search_tools").addEventListener("keydown",
function (event) {
if (event.key === 'Enter') doSearch()
});
}
function query(text, start_time, end_time) {
let query_string = ""
if (start_time !== "") {
query_string += `start_time=${start_time}`;
}
if (end_time !== "") {
query_string += `&end_time=${end_time}`;
}
if (text !== "") {
query_string += `&query=${text}`
}
fetch(`http://localhost:8005/buscribe/json?${query_string}`)
.then(response => response.json())
// .then(response => console.log(response.error()))
.then(fillResults)
}
function doSearch() {
query(
document.getElementById("search_text").value,
document.getElementById("start_time").value,
document.getElementById("end_time").value
)
}
function fillResults(results) {
const results_element = document.getElementById("results")
results_element.innerHTML = ""
for (const line of results) {
const line_div = document.createElement("div");
line_div.classList.add("line");
// line_div.innerHTML = `
// <div class="line_time">
// <div class="line_start_bus_time">${line.start_bus_time}</div>
// <div class="line_start_time">${line.start_time}</div>
// </div>
// <div class="line_text">${line.text}</div>
// `;
line_div.innerHTML = `
<div class="line_start_bus_time">${line.start_bus_time}</div>
<div class="line_text">${line.text}</div>
<div class="line_start_time">${line.start_time}</div>
`;
results_element.append(line_div)
}
}