Testing theme changer

1 files changed, 75 insertions, 0 deletions

diff --git a/scripts/theme.js b/scripts/theme.js
new file mode 100644
index 0000000..8147260
--- /dev/null
+++ b/scripts/theme.js
@@ -0,0 +1,75 @@
+'use strict';
+
+const BASE_THEMES = [[
+	"/styles/themes/colors-base.css",
+	"/styles/themes/colors-dark.css"
+],
+[
+	"Light",
+	"Dark"
+]];
+
+const APP_NAME = "cshift-net";
+
+class Theme{
+	static theme = document.getElementById("theme");
+	static UserThemes = [[],[]];
+
+	static init()
+	{
+		let uth = Cookies.getCookie("userThemes-" + APP_NAME).split(',');
+
+		for (let i = 1; i < uth.length; i += 2)
+		{
+			this.UserThemes[0].push(uth[i - 1]);
+			this.UserThemes[1].push(uth[i]);
+		}
+
+		if(Cookies.getCookie("theme-" + APP_NAME) == ""){
+			Cookies.setYearCookie("theme", BASE_THEMES[0][0]);
+		}
+	}
+
+	static restore()
+	{
+		Theme.init();
+		Theme.theme.setAttribute("href", Cookies.getCookie("theme-" + APP_NAME) + "?v=" + Date.now());
+	}
+
+	static set(sheet)
+	{
+		Cookies.setYearCookie("theme-" + APP_NAME, sheet);
+		Theme.theme.setAttribute("href", sheet + "?v=" + Date.now());
+	}
+
+	static get() {
+		return Cookies.getCookie("theme-" + APP_NAME);
+	}
+
+	static setUserThemes() {
+		let out = "";
+		for (let i = 0; i < this.UserThemes[0].length; i++)
+		{
+			if(i !== 0)
+				out = out + ",";
+			
+			out = out + this.UserThemes[0][i] + "," + this.UserThemes[1][i];
+		}
+
+		Cookies.setYearCookie("userThemes-" + APP_NAME, out);
+	}
+
+	static removeUserTheme (index) {
+		this.UserThemes[0].splice(index, 1);
+		this.UserThemes[1].splice(index, 1);
+		this.setUserThemes();
+	}
+
+	static addUserTheme (name, value) {
+		this.UserThemes[0].push(name);
+		this.UserThemes[1].push(value);
+		this.setUserThemes();
+	}
+}
+
+Theme.restore();
\ No newline at end of file