Theme editor plugin

2019-12-12 22:55:57 +01:00
parent 7aad65cd7a
commit ec2fca5df3
2 changed files with 59 additions and 0 deletions
@@ -0,0 +1,57 @@
+
+let plugin = new arm.Plugin();
+let hpanel = new zui.Handle();
+let hlist = new zui.Handle();
+
+function stringToBytes(str) {
+	let ab = new ArrayBuffer(str.length);
+	let u8 = new Uint8Array(ab);
+	for (let i = 0; i < str.length; ++i) {
+		u8[i] = str.charCodeAt(i);
+	}
+	return ab;
+}
+
+plugin.drawUI = function(ui) {
+	if (ui.panel(hpanel, "Theme Editor")) {
+		ui.row([1 / 4]);
+		if (ui.button("Export")) {
+			arm.UIFiles.show("json", true, function(path) {
+				path += arm.Path.sep + arm.UIFiles.filename;
+				if (!path.endsWith(".json")) path += ".json";
+				Krom.fileSaveBytes(path, stringToBytes(JSON.stringify(arm.App.theme)));
+			});
+		}
+
+		let i = 0;
+		let theme = arm.App.theme;
+		for (let key in theme) {
+			let h = hlist.nest(i);
+			let val = theme[key];
+			let isHex = key.endsWith("_COL");
+			if (isHex && val < 0) val += 4294967295;
+
+			if (isHex) {
+				ui.row([1 / 8, 7 / 8]);
+				ui.text("", 0, val);
+				if (ui.isHovered && ui.inputReleased) {
+					arm.UIMenu.draw(function(ui) {
+						ui.fill(0, 0, ui._w / ui.ops.scaleFactor, ui.t.ELEMENT_H * 6, ui.t.SEPARATOR_COL);
+						ui.changed = false;
+						h.color = theme[key];
+						theme[key] = zui.Ext.colorWheel(ui, h, false, null, false, false);
+						if (ui.changed) arm.UIMenu.keepOpen = true;
+					});
+				}
+			}
+
+			h.text = isHex ? val.toString(16) : val.toString();
+			let res = ui.textInput(h, key);
+			if (res === "true") theme[key] = true;
+			else if (res === "false") theme[key] = false;
+			else if (isHex) theme[key] = parseInt(h.text, 16);
+			else theme[key] = parseInt(h.text);
+			i++;
+		}
+	}
+}