save pak settings

2 files changed, 23 insertions, 7 deletions

diff --git a/web/share/js/kvm/hid.js b/web/share/js/kvm/hid.js
index 8e6d3fd0..933590e6 100644
--- a/web/share/js/kvm/hid.js
+++ b/web/share/js/kvm/hid.js
@@ -74,6 +74,15 @@ export function Hid(__getResolution) {
 		window.addEventListener("pagehide", __releaseAll);
 		window.addEventListener("blur", __releaseAll);
 
+		$("hid-pak-ask-switch").checked = parseInt(tools.storage.get("hid.pak.ask", "1"));
+		tools.setOnClick($("hid-pak-ask-switch"), function() {
+			tools.storage.set("hid.pak.ask", ($("hid-pak-ask-switch").checked ? 1 : 0));
+		}, false);
+
+		$("hid-pak-keymap-selector").addEventListener("change", function() {
+			tools.storage.set("hid.pak.keymap", $("hid-pak-keymap-selector").value);
+		});
+
 		tools.setOnClick($("hid-pak-button"), __clickPasteAsKeysButton);
 		tools.setOnClick($("hid-connect-switch"), __clickConnectSwitch);
 		tools.setOnClick($("hid-reset-button"), __clickResetButton);
@@ -163,9 +172,10 @@ export function Hid(__getResolution) {
 	};
 
 	self.setKeymaps = function(state) {
+		let selected = tools.storage.get("hid.pak.keymap", state.keymaps["default"]);
 		let html = "";
 		for (let variant of state.keymaps.available) {
-			html += `<option value=${variant} ${variant === state.keymaps.default ? "selected" : ""}>${variant}</option>`;
+			html += `<option value=${variant} ${variant === selected ? "selected" : ""}>${variant}</option>`;
 		}
 		$("hid-pak-keymap-selector").innerHTML = html;
 	};
diff --git a/web/share/js/tools.js b/web/share/js/tools.js
index 6fcacf45..f61647b3 100644
--- a/web/share/js/tools.js
+++ b/web/share/js/tools.js
@@ -88,21 +88,27 @@ export var tools = new function() {
 		return (matches ? decodeURIComponent(matches[1]) : "");
 	};
 
-	this.setOnClick = function(el, callback) {
+	this.setOnClick = function(el, callback, prevent_default=true) {
 		el.onclick = el.ontouchend = function(event) {
-			event.preventDefault();
+			if (prevent_default) {
+				event.preventDefault();
+			}
 			callback();
 		};
 	};
-	this.setOnDown = function(el, callback) {
+	this.setOnDown = function(el, callback, prevent_default=true) {
 		el.onmousedown = el.ontouchstart = function(event) {
-			event.preventDefault();
+			if (prevent_default) {
+				event.preventDefault();
+			}
 			callback();
 		};
 	};
-	this.setOnUp = function(el, callback) {
+	this.setOnUp = function(el, callback, prevent_default=true) {
 		el.onmouseup = el.ontouchend = function(event) {
-			event.preventDefault();
+			if (prevent_default) {
+				event.preventDefault();
+			}
 			callback();
 		};
 	};