add filter to the search boxes onchange

2 files changed, 13 insertions, 1 deletions

diff --git a/webAO/client.html b/webAO/client.html
index 197d77e..cfa2b57 100644
--- a/webAO/client.html
+++ b/webAO/client.html
@@ -419,7 +419,7 @@
 
 <template id="music">
 	<meta name="frame-title" lang="en" content="Music">
-	<input id="client_musicsearch" style="display:none"></input>
+	<input id="client_musicsearch" onchange="musiclist_filter(event)"></input>
 	<select id="client_musiclist" size="5" onchange="musiclist_click(event)">
 	</select>
 </template>
diff --git a/webAO/client.js b/webAO/client.js
index b28498b..7e29c42 100644
--- a/webAO/client.js
+++ b/webAO/client.js
@@ -1985,6 +1985,18 @@ function resetICParams() {
 }
 
 /**
+ * Triggered when the music search bar is changed
+ * @param {MouseEvent} event
+ */
+export function musiclist_filter(_event) {
+	const musiclist_element = document.getElementById("client_musiclist");
+	musiclist_element.innerHTML = "";
+
+		
+}
+window.musiclist_filter = musiclist_filter;
+
+/**
  * Triggered when an item on the music list is clicked.
  * @param {MouseEvent} event
  */