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

2
webdata/index.html
View file

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