From 15f743d8ab78ce3ba9fda78964828d6da52b8bea Mon Sep 17 00:00:00 2001 From: J-Klinke Date: Fri, 5 Jul 2024 12:30:40 +0200 Subject: [PATCH] fixed bugs: - suppressed display of search results if nothing was found but there were previous searches - improved display timing of search results/initial pages, which led to false displays --- src/main/resources/static/contentUtility.js | 2 ++ src/main/resources/static/main.css | 9 +++++---- src/main/resources/static/main.js | 2 +- 3 files changed, 8 insertions(+), 5 deletions(-) diff --git a/src/main/resources/static/contentUtility.js b/src/main/resources/static/contentUtility.js index ff48f52..c8adbb8 100644 --- a/src/main/resources/static/contentUtility.js +++ b/src/main/resources/static/contentUtility.js @@ -17,8 +17,10 @@ export function fetchQuery(fetchString, clearResults) { function parseContent(content, clearResults) { if (content.length === 0) { searchSection.querySelector("#nothing-found ").classList.remove("hidden"); + searchSection.querySelector(".datasets").classList.add("hidden"); } else { searchSection.querySelector("#nothing-found").classList.add("hidden"); + searchSection.querySelector(".datasets").classList.remove("hidden"); const datasets = content.map(dataset => new Dataset(dataset)); if (clearResults) { Array.from(searchSection.querySelectorAll(".datasets .dataset")).forEach(e => e.remove()); diff --git a/src/main/resources/static/main.css b/src/main/resources/static/main.css index ab5e5bf..8a0b141 100644 --- a/src/main/resources/static/main.css +++ b/src/main/resources/static/main.css @@ -78,10 +78,6 @@ header { text-align: center; } -.hidden { - display: none; -} - #search-entry:focus-visible { outline: none; } @@ -93,6 +89,11 @@ header { gap: 1rem; } +.hidden { + display: none; +} + + @container (width < 60ch) { .datasets { grid-template-columns: 1fr; diff --git a/src/main/resources/static/main.js b/src/main/resources/static/main.js index cb558ac..3501471 100644 --- a/src/main/resources/static/main.js +++ b/src/main/resources/static/main.js @@ -47,10 +47,10 @@ searchButton.addEventListener("click", () => { }); searchBar.addEventListener("input", () => { - updateSections(); clearTimeout(searchBarTimeout); searchBarTimeout = setTimeout(() => { fetchQuery(createQuery(), true); + updateSections(); }, searchDelay); });