diff options
| -rw-r--r-- | frontend/static/search.js | 18 | ||||
| -rw-r--r-- | frontend/templates/index.gotmpl | 5 |
2 files changed, 20 insertions, 3 deletions
diff --git a/frontend/static/search.js b/frontend/static/search.js index cadae32..358de13 100644 --- a/frontend/static/search.js +++ b/frontend/static/search.js @@ -1,4 +1,6 @@ const search = document.getElementById("search"); +const nav = document.querySelectorAll("body > header > nav")[0]; +const queryInput = document.getElementById("query"); let results = document.getElementById("results"); let pagination = document.getElementById("pagination"); @@ -91,6 +93,20 @@ async function getResults(url) { } } +queryInput.addEventListener("input", function (ev) { + for (const el of nav.children) { + if (el.nodeName === "A") { + const url = new URL(el.href); + if (ev.target.value) { + url.searchParams.set("query", ev.target.value); + } else { + url.searchParams.delete("query"); + } + el.href = url.toString(); + } + } +}); + search.addEventListener("submit", function (ev) { const url = new URL(this.action); const formData = new FormData(this); @@ -119,7 +135,7 @@ addEventListener("popstate", function (ev) { if (ev.state != null) { url = new URL(ev.state.url); if (!url.pathname.endsWith("/search") && ev.state.fragment !== null) { - document.getElementById("query").value = ev.state.input; + queryInput.value = ev.state.input; renderFragmentHTML(ev.state.fragment); return; } diff --git a/frontend/templates/index.gotmpl b/frontend/templates/index.gotmpl index c5981b3..dbe182a 100644 --- a/frontend/templates/index.gotmpl +++ b/frontend/templates/index.gotmpl @@ -14,9 +14,10 @@ {{- range $key, $value := .Sources }} <a {{ if eq $.Source.Name $value.Name }}class="current"{{ end }} - href="/options/{{ $key }}/search" - >{{ $value.Name }}</a + href="/options/{{ $key }}/search{{ and $.Query (printf "?query=%s" $.Query) }}" > + {{- $value.Name -}} + </a> {{- end }} </nav> </header> |