clerie/traveldrafter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remember last used stations

Browse Source
This commit is contained in:
clerie
2025-06-18 16:37:31 +02:00
parent 1bdc9dacb6
commit 0715083935
2 changed files with 76 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
web/locations-search.js
View File

@@ -1,4 +1,5 @@
import { fetchLocations } from './api.js';
import { DataStore } from './datastore.js';
let element_locations_search = document.querySelector("#locations-search");
let element_query = document.querySelector("#locations-search-query");
@@ -8,29 +9,44 @@ export function setupLocationsSearch() {
element_query.addEventListener("change", (event) => {
element_response.innerText = "Loading…";
fetchLocations(event.target.value).then(result => {
DataStore.locations.rememberAll(result);
element_response.innerText = "";
result.forEach(lr => {
let location_element = document.createElement("div");
location_element.innerText = lr.name;
location_element.dataset.locationId = lr.id;
location_element.addEventListener("click", event => {
console.log(event.target.dataset.locationId);
element_locations_search.locationSelectedCallback(event.target.innerText, event.target.dataset.locationId);
element_locations_search.style.display = "none";
});
result.forEach(location => {
let location_element = createLocationElement(location);
element_response.appendChild(location_element);
});
});
});
}
function createLocationElement(location) {
let location_element = document.createElement("div");
location_element.innerText = location.name;
location_element.dataset.locationId = location.id;
location_element.addEventListener("click", event => {
DataStore.recent_locations.remember(event.target.dataset.locationId);
element_locations_search.locationSelectedCallback(event.target.innerText, event.target.dataset.locationId);
element_locations_search.style.display = "none";
});
return location_element;
}
export function attachLocationsSearch(search_element) {
search_element.addEventListener("click", event => {
element_locations_search.locationSelectedCallback = (location_name, location_id) => {
search_element.innerText = location_name;
search_element.dataset.locationId = location_id;
};
element_query.value = "";
element_response.innerText = "";
let locations = DataStore.locations.get();
for (let location_id of DataStore.recent_locations.get()) {
let location = locations[location_id];
let el = createLocationElement(location);
element_response.appendChild(el);
}
element_locations_search.style.display = "block";
});
}