diff options
Diffstat (limited to 'frontend')
-rw-r--r-- | frontend/static/search.js | 26 | ||||
-rw-r--r-- | frontend/templates/blocks/options.gotmpl | 13 |
2 files changed, 39 insertions, 0 deletions
diff --git a/frontend/static/search.js b/frontend/static/search.js new file mode 100644 index 0000000..20f1a7d --- /dev/null +++ b/frontend/static/search.js @@ -0,0 +1,26 @@ +const search = document.getElementById("search"); +const results = document.getElementById("results"); +search.addEventListener("submit", function (ev) { + const url = new URL(this.action); + url.search = new URLSearchParams(new FormData(this)).toString(); + const res = fetch(url, { + headers: { + fetch: "true", + }, + }) + .then(function (res) { + window.history.pushState(null, null, url); + if (res.ok) { + return res.text(); + } else { + throw new Error(res.statusText); + } + }) + .then(function (html) { + results.innerHTML = html; + }) + .catch(function (error) { + console.error("fetch failed", error); + }); + ev.preventDefault(); +}); diff --git a/frontend/templates/blocks/options.gotmpl b/frontend/templates/blocks/options.gotmpl new file mode 100644 index 0000000..3451eb3 --- /dev/null +++ b/frontend/templates/blocks/options.gotmpl @@ -0,0 +1,13 @@ +{{ define "results" }} + {{ range $opt, $data := .Results }} + <details> + <summary> + {{ $opt }} + </summary> + <p> + {{ $data.Description }} + </p> + </details> + {{ end }} +</div> +{{ end }} |