Cosmetics

This commit is contained in:
Unrud 2022-01-27 07:17:35 +01:00
parent 5da7b376c9
commit a23a1260e9
3 changed files with 38 additions and 36 deletions

File diff suppressed because one or more lines are too long

View file

@ -78,15 +78,15 @@ function fullscreenEnabled() {
false); false);
} }
function requestFullscreen(e, options) { function requestFullscreen(element, options) {
if (e.requestFullscreen) { if (element.requestFullscreen) {
e.requestFullscreen(options); element.requestFullscreen(options);
} else if (e.webkitRequestFullscreen) { } else if (element.webkitRequestFullscreen) {
e.webkitRequestFullscreen(options); element.webkitRequestFullscreen(options);
} else if (e.mozRequestFullScreen) { } else if (element.mozRequestFullScreen) {
e.mozRequestFullScreen(options); element.mozRequestFullScreen(options);
} else if (e.msRequestFullscreen) { } else if (element.msRequestFullscreen) {
e.msRequestFullscreen(options); element.msRequestFullscreen(options);
} }
} }
@ -316,8 +316,8 @@ window.addEventListener("load", function() {
var text = document.getElementById("text"); var text = document.getElementById("text");
function showScene(scene) { function showScene(scene) {
[opening, closed, pad, keys, keyboard].forEach(function(e) { [opening, closed, pad, keys, keyboard].forEach(function(element) {
e.classList.toggle("hidden", e != scene); element.classList.toggle("hidden", element != scene);
}); });
} }
@ -358,8 +358,8 @@ window.addEventListener("load", function() {
ws.close(); ws.close();
return; return;
} }
authenticated = true;
ws.send(challengeResponse(evt.data)); ws.send(challengeResponse(evt.data));
authenticated = true;
window.onpopstate(); window.onpopstate();
}; };
@ -394,7 +394,8 @@ window.addEventListener("load", function() {
} }
showKeys(page_index + 1); showKeys(page_index + 1);
}); });
[{id: "browserbackbutton", key: KEY_BROWSER_BACK}, [
{id: "browserbackbutton", key: KEY_BROWSER_BACK},
{id: "superbutton", key: KEY_SUPER}, {id: "superbutton", key: KEY_SUPER},
{id: "browserforwardbutton", key: KEY_BROWSER_FORWARD}, {id: "browserforwardbutton", key: KEY_BROWSER_FORWARD},
{id: "prevtrackbutton", key: KEY_MEDIA_PREV_TRACK}, {id: "prevtrackbutton", key: KEY_MEDIA_PREV_TRACK},
@ -411,7 +412,8 @@ window.addEventListener("load", function() {
{id: "leftbutton", key: KEY_LEFT}, {id: "leftbutton", key: KEY_LEFT},
{id: "rightbutton", key: KEY_RIGHT}, {id: "rightbutton", key: KEY_RIGHT},
{id: "upbutton", key: KEY_UP}, {id: "upbutton", key: KEY_UP},
{id: "downbutton", key: KEY_DOWN}].forEach(function(o) { {id: "downbutton", key: KEY_DOWN},
].forEach(function(o) {
document.getElementById(o.id).addEventListener("click", function() { document.getElementById(o.id).addEventListener("click", function() {
ws.send("k" + o.key); ws.send("k" + o.key);
}); });

View file

@ -31,7 +31,7 @@
</div> </div>
</div> </div>
<div id="keys" class="hidden"> <div id="keys" class="hidden">
<div class="page hidden"> <div class="page">
<div class="buttons"> <div class="buttons">
<button id="browserbackbutton"></button> <button id="browserbackbutton"></button>
<button id="superbutton">🪟</button> <button id="superbutton">🪟</button>
@ -48,7 +48,7 @@
<button id="volumeupbutton">🔊</button> <button id="volumeupbutton">🔊</button>
</div> </div>
</div> </div>
<div class="page hidden"> <div class="page">
<div class="buttons"> <div class="buttons">
<button id="backspacebutton"></button> <button id="backspacebutton"></button>
<button id="returnbutton"></button> <button id="returnbutton"></button>