From 0b69162d0b408c859b61c0d5630bd63971c2c27c Mon Sep 17 00:00:00 2001
From: Jakob Moser <moser@cl.uni-heidelberg.de>
Date: Thu, 13 Nov 2025 19:47:34 +0100
Subject: [PATCH] Add search bar

---
 .../ui/static/components/pieces/SearchBar.js      | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 karaokatalog/ui/static/components/pieces/SearchBar.js

diff --git a/karaokatalog/ui/static/components/pieces/SearchBar.js b/karaokatalog/ui/static/components/pieces/SearchBar.js
new file mode 100644
index 0000000..5e0b1ad
--- /dev/null
+++ b/karaokatalog/ui/static/components/pieces/SearchBar.js
@@ -0,0 +1,15 @@
+import search from "../../model/search.js"
+
+export default {
+    view: function () {
+        return m("search", [
+            m("input[type=search]", {
+                value: search.query,
+                placeholder: "Songs oder Interpreten suchen...",
+                oninput: e => {
+                    search.query = e.target.value
+                },
+            }),
+        ])
+    },
+}