lukajankovic/remote-touchpad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve variable names

Browse source
This commit is contained in:
Unrud 2022-02-21 22:30:26 +01:00
parent 9082ca434a
commit 42dcafda3d
2 changed files with 36 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

70
webdata/fn.js
View file

@ -409,15 +409,15 @@ window.addEventListener("load", function() {
}; };
var ready = false; var ready = false;
var scenes = document.querySelectorAll("body > .scene"); var scenes = document.querySelectorAll("body > .scene");
var opening = document.getElementById("opening"); var openingScene = document.getElementById("opening");
var closed = document.getElementById("closed"); var closedScene = document.getElementById("closed");
var pad = document.getElementById("pad"); var padScene = document.getElementById("pad");
var keys = document.getElementById("keys"); var keysScene = document.getElementById("keys");
var keysScenes = keys.querySelectorAll(".scene"); var keysSubScenes = keysScene.querySelectorAll(".scene");
var keyboard = document.getElementById("keyboard"); var keyboardScene = document.getElementById("keyboard");
var fullscreenbutton = document.getElementById("fullscreenbutton"); var fullscreenbutton = document.getElementById("fullscreenbutton");
var keyboardtext = document.getElementById("keyboardtext"); var keyboardTextarea = keyboardScene.querySelector("textarea");
var mouse = document.getElementById("mouse") var mouseScene = document.getElementById("mouse")
var activeScene; var activeScene;
var keysActiveName; var keysActiveName;
@ -426,27 +426,27 @@ window.addEventListener("load", function() {
if (fullscreenElement() && !scene.classList.contains("fullscreen")) { if (fullscreenElement() && !scene.classList.contains("fullscreen")) {
exitFullscreen(); exitFullscreen();
} }
if (pointerLockElement() && activeScene != mouse) { if (pointerLockElement() && activeScene != mouseScene) {
exitPointerLock(); exitPointerLock();
} }
keyboardtext.value = ""; keyboardTextarea.value = "";
scenes.forEach(function(otherScene) { scenes.forEach(function(otherScene) {
otherScene.classList.toggle("hidden", otherScene != scene); otherScene.classList.toggle("hidden", otherScene != scene);
}); });
} }
function showKeysScene(index) { function showKeysScene(index) {
if (!Number.isInteger(index) || index < 0 || keysScenes.length <= index) { if (!Number.isInteger(index) || index < 0 || keysSubScenes.length <= index) {
index = 0; index = 0;
} }
sessionStorage.setItem(keysActiveName, index); sessionStorage.setItem(keysActiveName, index);
for (var i = 0; i < keysScenes.length; i += 1) { for (var i = 0; i < keysSubScenes.length; i += 1) {
keysScenes[i].classList.toggle("hidden", i != index); keysSubScenes[i].classList.toggle("hidden", i != index);
} }
} }
function showKeys(name) { function showKeys(name) {
showScene(keys); showScene(keysScene);
keysActiveName = "keys" + (name ? ":" + name : ""); keysActiveName = "keys" + (name ? ":" + name : "");
var keysIndex = parseInt(sessionStorage.getItem(keysActiveName)); var keysIndex = parseInt(sessionStorage.getItem(keysActiveName));
if (isNaN(keysIndex)) { if (isNaN(keysIndex)) {
@ -459,16 +459,16 @@ window.addEventListener("load", function() {
} }
function showKeyboard() { function showKeyboard() {
showScene(keyboard); showScene(keyboardScene);
keyboardtext.value = sessionStorage.getItem("keyboard") || ""; keyboardTextarea.value = sessionStorage.getItem("keyboard") || "";
keyboardtext.focus(); keyboardTextarea.focus();
if (history.state != "keyboard") { if (history.state != "keyboard") {
history.pushState("keyboard", ""); history.pushState("keyboard", "");
} }
} }
keyboardtext.oninput = function() { keyboardTextarea.oninput = function() {
sessionStorage.setItem("keyboard", keyboardtext.value); sessionStorage.setItem("keyboard", keyboardTextarea.value);
}; };
showScene(opening); showScene(opening);
@ -497,7 +497,7 @@ window.addEventListener("load", function() {
ws.onclose = function() { ws.onclose = function() {
ready = false; ready = false;
showScene(closed); showScene(closedScene);
}; };
document.getElementById("keysbutton").addEventListener("click", function() { document.getElementById("keysbutton").addEventListener("click", function() {
@ -523,8 +523,8 @@ window.addEventListener("load", function() {
}); });
document.getElementById("switchbutton").addEventListener("click", function() { document.getElementById("switchbutton").addEventListener("click", function() {
var keysIndex = 0; var keysIndex = 0;
for (var i = 0; i < keysScenes.length; i += 1) { for (var i = 0; i < keysSubScenes.length; i += 1) {
if (!keysScenes[i].classList.contains("hidden")) { if (!keysSubScenes[i].classList.contains("hidden")) {
keysIndex = i; keysIndex = i;
} }
} }
@ -558,23 +558,23 @@ window.addEventListener("load", function() {
showKeys("keyboard"); showKeys("keyboard");
}); });
document.getElementById("sendbutton").addEventListener("click", function() { document.getElementById("sendbutton").addEventListener("click", function() {
if (keyboardtext.value) { if (keyboardTextarea.value) {
ws.send("t" + keyboardtext.value); ws.send("t" + keyboardTextarea.value);
keyboardtext.value = ""; keyboardTextarea.value = "";
keyboardtext.oninput(); keyboardTextarea.oninput();
} }
history.back(); history.back();
}); });
window.onpopstate = function() { window.onpopstate = function() {
if (ready) { if (ready) {
if (pointerLockElement()) { if (pointerLockElement()) {
showScene(mouse); showScene(mouseScene);
} else if ((history.state || "").split(":")[0] == "keys") { } else if ((history.state || "").split(":")[0] == "keys") {
showKeys(history.state.substr("keys:".length)); showKeys(history.state.substr("keys:".length));
} else if (history.state == "keyboard") { } else if (history.state == "keyboard") {
showKeyboard(); showKeyboard();
} else { } else {
showScene(pad); showScene(padScene);
} }
} }
}; };
@ -602,17 +602,17 @@ window.addEventListener("load", function() {
window.onpopstate(); window.onpopstate();
}); });
document.addEventListener("mousedown", function(event) { document.addEventListener("mousedown", function(event) {
if (activeScene != mouse && event.buttons == 1 && event.target.classList.contains("touch")) { if (activeScene != mouseScene && event.buttons == 1 && event.target.classList.contains("touch")) {
requestPointerLock(mouse); requestPointerLock(mouseScene);
} }
}); });
["touchstart", "touchend", "touchcancel", "touchmove"].forEach(function(type) { ["touchstart", "touchend", "touchcancel", "touchmove"].forEach(function(type) {
mouse.addEventListener(type, function(evt) { mouseScene.addEventListener(type, function(evt) {
evt.preventDefault(); evt.preventDefault();
}); });
}); });
mouse.addEventListener("mousedown", handleMousedown); mouseScene.addEventListener("mousedown", handleMousedown);
mouse.addEventListener("mouseup", handleMouseup); mouseScene.addEventListener("mouseup", handleMouseup);
mouse.addEventListener("mousemove", handleMousemove); mouseScene.addEventListener("mousemove", handleMousemove);
mouse.addEventListener("wheel", handleWheel); mouseScene.addEventListener("wheel", handleWheel);
}); });

2
webdata/index.html
View file

@ -24,7 +24,7 @@
<button id="keyboardbutton">⌨</button> <button id="keyboardbutton">⌨</button>
</div> </div>
<div id="keyboard" class="scene hidden"> <div id="keyboard" class="scene hidden">
<textarea id="keyboardtext" cols=1 rows=1></textarea> <textarea cols=1 rows=1></textarea>
<div class="buttons"> <div class="buttons">
<button id="keyboardkeysbutton">≡</button> <button id="keyboardkeysbutton">≡</button>
<button id="sendbutton">➣</button> <button id="sendbutton">➣</button>