From c98ea765450cf2d409c3cfab5f8547a1e58248d3 Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Wed, 12 Feb 2020 15:57:24 +0100
Subject: add a theme selector, test was good

---
 webAO/client.html | 11 +++++++++--
 webAO/client.js   | 10 ++++++++++
 2 files changed, 19 insertions(+), 2 deletions(-)

(limited to 'webAO')

diff --git a/webAO/client.html b/webAO/client.html
index 8efb1da..3c0845b 100644
--- a/webAO/client.html
+++ b/webAO/client.html
@@ -287,10 +287,17 @@
 				onclick="randomCharacterOOC()">Random Character</button>
 			<br>
 			<br>
+			<label for="client_themeselect">Theme:</label>
+			<select id="client_themeselect" name="client_themeselect" onchange="reloadTheme()">
+				<option value="classic" selected>Classic</option>
+				<option value="soj">SoJ</option>
+			</select>
+			<br>
+			<br>
 			<span style="color:red">Only touch these settings if you know what you are doing.</span>
 			<br>
 			<br>
-			<label for="client_encoding"> Client side chat encoding:</label>
+			<label for="client_encoding">Client side chat encoding:</label>
 			<select id="client_encoding" name="client_encoding">
 				<option value="none" selected>None</option>
 				<option value="unicode">Unicode</option>
@@ -298,7 +305,7 @@
 			</select>
 			<br>
 			<br>
-			<label for="client_decoding"> Client side chat decoding:</label>
+			<label for="client_decoding">Client side chat decoding:</label>
 			<select id="client_decoding" name="client_decoding">
 				<option value="none">None</option>
 				<option value="unicode" selected>Unicode</option>
diff --git a/webAO/client.js b/webAO/client.js
index 9e2b5b2..8524880 100644
--- a/webAO/client.js
+++ b/webAO/client.js
@@ -1837,6 +1837,16 @@ export function changeBlipVolume() {
 }
 window.changeBlipVolume = changeBlipVolume;
 
+/**
+ * Triggered by the theme selector.
+ */
+export function reloadTheme() {
+	viewport.theme = document.getElementById("client_themeselect").value;
+	setCookie("theme",viewport.theme);
+	document.getElementById("client_theme").href = viewport.theme + ".css";
+}
+window.reloadTheme = reloadTheme;
+
 /**
  * Triggered when a character icon is clicked in the character selection menu.
  * @param {MouseEvent} event
-- 
cgit