diff options
Diffstat (limited to 'kvmd/web/js/keyboard.js')
| -rw-r--r-- | kvmd/web/js/keyboard.js | 187 |
1 files changed, 0 insertions, 187 deletions
diff --git a/kvmd/web/js/keyboard.js b/kvmd/web/js/keyboard.js deleted file mode 100644 index b8c4797b..00000000 --- a/kvmd/web/js/keyboard.js +++ /dev/null @@ -1,187 +0,0 @@ -function Keyboard() { - var self = this; - - /********************************************************************************/ - - var __ws = null; - - var __keys = [].slice.call(document.querySelectorAll("div#keyboard-desktop div.keyboard-block div.keyboard-row div.key")); - var __modifiers = [].slice.call(document.querySelectorAll("div#keyboard-desktop div.keyboard-block div.keyboard-row div.modifier")); - - var __mac_cmd_hook = (( - window.navigator.oscpu - || window.navigator.platform - || window.navigator.appVersion - || "Unknown" - ).indexOf("Mac") !== -1); - - var __init__ = function() { - $("hid-keyboard-led").title = "Keyboard free"; - - $("keyboard-window").onkeydown = (event) => __keyboardHandler(event, true); - $("keyboard-window").onkeyup = (event) => __keyboardHandler(event, false); - $("keyboard-window").onfocus = __updateLeds; - $("keyboard-window").onblur = __updateLeds; - - $("stream-window").onkeydown = (event) => __keyboardHandler(event, true); - $("stream-window").onkeyup = (event) => __keyboardHandler(event, false); - $("stream-window").onfocus = __updateLeds; - $("stream-window").onblur = __updateLeds; - - Array.prototype.forEach.call($$("key"), function(el_key) { - tools.setOnDown(el_key, () => __clickHandler(el_key, true)); - tools.setOnUp(el_key, () => __clickHandler(el_key, false)); - el_key.onmouseout = function() { - if (__isPressed(el_key)) { - __clickHandler(el_key, false); - } - }; - }); - - Array.prototype.forEach.call($$("modifier"), function(el_key) { - tools.setOnDown(el_key, () => __toggleModifierHandler(el_key)); - }); - - if (__mac_cmd_hook) { - tools.info("Keyboard: enabled Mac-CMD-Hook"); - } - }; - - /********************************************************************************/ - - self.setSocket = function(ws) { - if (ws !== __ws) { - self.releaseAll(); - __ws = ws; - } - __updateLeds(); - }; - - self.releaseAll = function() { - __keys.concat(__modifiers).forEach(function(el_key) { - if (__isActive(el_key)) { - self.fireEvent(el_key.getAttribute("data-key"), false); - } - }); - }; - - self.fireEvent = function(code, state) { - __keyboardHandler({code: code}, state); - }; - - var __updateLeds = function() { - if (__ws && (document.activeElement === $("stream-window") || document.activeElement === $("keyboard-window"))) { - $("hid-keyboard-led").className = "led-on"; - $("hid-keyboard-led").title = "Keyboard captured"; - } else { - $("hid-keyboard-led").className = "led-off"; - $("hid-keyboard-led").title = "Keyboard free"; - } - }; - - var __keyboardHandler = function(event, state) { - if (event.preventDefault) { - event.preventDefault(); - } - var el_key = document.querySelector("[data-key='" + event.code + "']"); - if (el_key && !event.repeat) { - __commonHandler(el_key, state, "pressed"); - if (__mac_cmd_hook) { - // https://bugs.chromium.org/p/chromium/issues/detail?id=28089 - // https://bugzilla.mozilla.org/show_bug.cgi?id=1299553 - if ((event.code === "MetaLeft" || event.code === "MetaRight") && !state) { - __keys.forEach(function(el_key) { - if (__isActive(el_key)) { - self.fireEvent(el_key.getAttribute("data-key"), false); - } - }); - } - } - __unholdModifiers(); - } - }; - - var __clickHandler = function(el_key, state) { - __commonHandler(el_key, state, "pressed"); - __unholdModifiers(); - }; - - var __toggleModifierHandler = function(el_key) { - __commonHandler(el_key, !__isActive(el_key), "holded"); - }; - - var __unholdModifiers = function() { - __modifiers.forEach(function(el_key) { - if (__isHolded(el_key)) { - __deactivate(el_key); - __sendKey(el_key, false); - } - }); - }; - - var __commonHandler = function(el_key, state, cls) { - if (state && !__isActive(el_key)) { - __deactivate(el_key); - __activate(el_key, cls); - __sendKey(el_key, true); - } else { - __deactivate(el_key); - __sendKey(el_key, false); - } - }; - - var __isPressed = function(el_key) { - var is_pressed = false; - Array.prototype.forEach.call(__resolveKeys(el_key), function(el_key) { - is_pressed = (is_pressed || el_key.classList.contains("pressed")); - }); - return is_pressed; - }; - - var __isHolded = function(el_key) { - var is_holded = false; - Array.prototype.forEach.call(__resolveKeys(el_key), function(el_key) { - is_holded = (is_holded || el_key.classList.contains("holded")); - }); - return is_holded; - }; - - var __isActive = function(el_key) { - var is_active = false; - Array.prototype.forEach.call(__resolveKeys(el_key), function(el_key) { - is_active = (is_active || el_key.classList.contains("pressed") || el_key.classList.contains("holded")); - }); - return is_active; - }; - - var __activate = function(el_key, cls) { - Array.prototype.forEach.call(__resolveKeys(el_key), function(el_key) { - el_key.classList.add(cls); - }); - }; - - var __deactivate = function(el_key) { - Array.prototype.forEach.call(__resolveKeys(el_key), function(el_key) { - el_key.classList.remove("pressed"); - el_key.classList.remove("holded"); - }); - }; - - var __resolveKeys = function(el_key) { - return document.querySelectorAll("[data-key='" + el_key.getAttribute("data-key") + "']"); - }; - - var __sendKey = function(el_key, state) { - var code = el_key.getAttribute("data-key"); - tools.debug("Key", (state ? "pressed:" : "released:"), code); - if (__ws) { - __ws.send(JSON.stringify({ - event_type: "key", - key: code, - state: state, - })); - } - }; - - __init__(); -} |