From bf7e60a2840bb7ed4995ac565c8852771bf82a98 Mon Sep 17 00:00:00 2001
From: Kim Huebel <dg9vh@darc.de>
Date: Thu, 22 Apr 2021 19:08:37 +0100
Subject: [PATCH] Make theme switchable in footer and store choice in cookie
 for 30 days

---
 html/index.html      |  2 +-
 html/js/functions.js | 46 ++++++++++++++++++++++++++++++++++++++++----
 html/js/version.js   |  2 +-
 3 files changed, 44 insertions(+), 6 deletions(-)

diff --git a/html/index.html b/html/index.html
index dee6b8d..98cd4f6 100644
--- a/html/index.html
+++ b/html/index.html
@@ -319,7 +319,7 @@
 		</div>
 		<footer class="footer">
 			<div class="container">
-				<span class="text-muted">MMDVM-Dashboard Version <script>document.write(dashboard_version);</script> by DG9VH | <a href="https://github.com/dg9vh/MMDVMHost-Websocketboard">get your own</a> | Follow me <a href="https://twitter.com/DG9VH">@DG9VH</a></span>
+				<span class="text-muted">MMDVM-Dashboard Version <script>document.write(dashboard_version);</script> by DG9VH | <a href="https://github.com/dg9vh/MMDVMHost-Websocketboard">get your own</a> | Follow me <a href="https://twitter.com/DG9VH">@DG9VH</a> | <a href="javascript:switchTheme();">switch theme</a></span>
 			</div>
 		</footer>
 		<script>
diff --git a/html/js/functions.js b/html/js/functions.js
index 385b91e..107d4f5 100644
--- a/html/js/functions.js
+++ b/html/js/functions.js
@@ -25,15 +25,53 @@ var array_services = [];
 
 setInterval(getCurrentTXing, 1000);
 
+var usedTheme = getCookie("Theme");
+
+if (usedTheme == "") {
+	if (useDarkTheme)
+		usedTheme = "dark";
+	else
+		usedTheme = "bright";
+	setCookie("Theme",usedTheme, 30);
+}
+
 var element = document.createElement("link");
 element.setAttribute("rel", "stylesheet");
 element.setAttribute("type", "text/css");
-if (useDarkTheme)
-	element.setAttribute("href", "css/styles-dark.css");
-else
-	element.setAttribute("href", "css/styles-bright.css");
+element.setAttribute("href", "css/styles-" + usedTheme + ".css");
 document.getElementsByTagName("head")[0].appendChild(element);
 
+function setCookie(cname, cvalue, exdays) {
+	var d = new Date();
+	d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
+	var expires = "expires="+d.toUTCString();
+	document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
+}
+
+function getCookie(cname) {
+	var name = cname + "=";
+	var ca = document.cookie.split(';');
+	for(var i = 0; i < ca.length; i++) {
+		var c = ca[i];
+		while (c.charAt(0) == ' ') {
+			c = c.substring(1);
+		}
+		if (c.indexOf(name) == 0) {
+			return c.substring(name.length, c.length);
+		}
+	}
+	return "";
+}
+
+function switchTheme() {
+	if (usedTheme == "dark") {
+		setCookie("Theme", "bright", 30);
+	} else {
+		setCookie("Theme", "dark", 30);
+	}
+	document.location.reload();
+}
+
 function logIt(message) {
 	if (debug == 1 || message.startsWith("Logtailer-Errormessage:")) {
 		console.log(JSON.stringify(message));
diff --git a/html/js/version.js b/html/js/version.js
index 30445fb..bb3ead7 100644
--- a/html/js/version.js
+++ b/html/js/version.js
@@ -1 +1 @@
-var dashboard_version = "2021-04-22 07:57:14";
+var dashboard_version = "2021-04-22 19:08:37";