From b8d464b445ecec562d636eafb95f13ce4706bfbc Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Mon, 13 Apr 2020 19:03:09 +0200
Subject: add searchbar

---
 webAO/client.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/webAO/client.html b/webAO/client.html
index 74d374b..090b14d 100644
--- a/webAO/client.html
+++ b/webAO/client.html
@@ -51,6 +51,7 @@
 		<p>Choose your character</p>
 		<button onclick="pickChar(1001)">Or spectate</button>
 		<br>
+		<input id="client_charactersearch" placeholder="Search" oninput="chartable_filter(event)" style="display: none;"></input>
 		<br>
 		<div id="client_chartable"></div>
 	</div>
-- 
cgit 


From b944d2157d28de12fabd1ebd11dab44c3ce138ef Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Mon, 13 Apr 2020 19:13:02 +0200
Subject: fix nonexistant char icons being below the others

---
 webAO/styles/client.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/webAO/styles/client.css b/webAO/styles/client.css
index 4063b67..4c15f93 100644
--- a/webAO/styles/client.css
+++ b/webAO/styles/client.css
@@ -126,6 +126,7 @@
 	max-height: 60px;
 	margin: 3px;
 	border: 1px solid #000;
+	vertical-align: top;
 }
 
 #client_icwrapper {
-- 
cgit 


From 919ad6b770ea205c110d0e385c219a8079280f91 Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Mon, 13 Apr 2020 19:13:10 +0200
Subject: filter charlist

---
 webAO/client.js | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/webAO/client.js b/webAO/client.js
index 9be4529..b5c8c2f 100644
--- a/webAO/client.js
+++ b/webAO/client.js
@@ -1124,9 +1124,9 @@ class Client extends EventEmitter {
 			let img = document.getElementById(`demo_${i}`);
 
 			if (args[i + 1] === "-1")
-				img.style = "opacity: 0.25";
+				img.style.opacity = 0.25;
 			else if (args[i + 1] === "0")
-				img.style = "";			
+				img.style.opacity = 1;			
 		}
 	}
 
@@ -2277,6 +2277,24 @@ function appendICLog(msg, name = "", time = new Date()) {
 	lastICMessageTime = new Date();
 }
 
+/**
+ * Triggered when the music search bar is changed
+ * @param {MouseEvent} event
+ */
+export function chartable_filter(_event) {
+	const searchname = document.getElementById("client_charactersearch").value;
+
+	client.chars.forEach(function (character, charid) {
+		const demothing = document.getElementById(`demo_${charid}`);
+		if (character.name.toLowerCase().indexOf(searchname.toLowerCase()) === -1) { 
+			demothing.style.display = "none";
+		} else {
+			demothing.style.display = "inline-block";
+		}
+	});
+}
+window.chartable_filter = chartable_filter;
+
 /**
  * Requests to play as a character.
  * @param {number} ccharacter the character ID; if this is a large number,
-- 
cgit 


From 16b6800a1e95fa57bc33e4a6ba0f4034d98c3abf Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Mon, 13 Apr 2020 19:14:45 +0200
Subject: unhide the searchbox

---
 webAO/client.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/webAO/client.html b/webAO/client.html
index 090b14d..3ad3989 100644
--- a/webAO/client.html
+++ b/webAO/client.html
@@ -50,9 +50,9 @@
 	<div id="client_charselect">
 		<p>Choose your character</p>
 		<button onclick="pickChar(1001)">Or spectate</button>
-		<br>
-		<input id="client_charactersearch" placeholder="Search" oninput="chartable_filter(event)" style="display: none;"></input>
-		<br>
+		<br><br>
+		<input id="client_charactersearch" placeholder="Search" oninput="chartable_filter(event)"></input>
+		<br><br>
 		<div id="client_chartable"></div>
 	</div>
 	<div id="client_error" class="error" style="display: none">
-- 
cgit