feat: frontend search implementation

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 }}