diff options
author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-02-14 23:10:01 -0500 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-02-14 23:10:01 -0500 |
commit | 450912c1098b0ec4c0ec29b7aec8b47143cfd6fc (patch) | |
tree | 6aae6ab69e037915faf7681991952113ad6d6094 /ext/js/settings/keyboard-mouse-input-field.js | |
parent | d6332d2bc723f9aa60f2c886564bef49a6b91b84 (diff) |
Move js/settings (#1397)
* Move js/settings to js/pages/settings
* Fix script ordering
Diffstat (limited to 'ext/js/settings/keyboard-mouse-input-field.js')
-rw-r--r-- | ext/js/settings/keyboard-mouse-input-field.js | 243 |
1 files changed, 0 insertions, 243 deletions
diff --git a/ext/js/settings/keyboard-mouse-input-field.js b/ext/js/settings/keyboard-mouse-input-field.js deleted file mode 100644 index 09477519..00000000 --- a/ext/js/settings/keyboard-mouse-input-field.js +++ /dev/null @@ -1,243 +0,0 @@ -/* - * Copyright (C) 2020-2021 Yomichan Authors - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU General Public License as published by - * the Free Software Foundation, either version 3 of the License, or - * (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU General Public License for more details. - * - * You should have received a copy of the GNU General Public License - * along with this program. If not, see <https://www.gnu.org/licenses/>. - */ - -/* global - * DocumentUtil - * HotkeyUtil - */ - -class KeyboardMouseInputField extends EventDispatcher { - constructor(inputNode, mouseButton, os, isPointerTypeSupported=null) { - super(); - this._inputNode = inputNode; - this._mouseButton = mouseButton; - this._isPointerTypeSupported = isPointerTypeSupported; - this._hotkeyUtil = new HotkeyUtil(os); - this._eventListeners = new EventListenerCollection(); - this._key = null; - this._modifiers = []; - this._penPointerIds = new Set(); - this._mouseModifiersSupported = false; - this._keySupported = false; - } - - get modifiers() { - return this._modifiers; - } - - prepare(key, modifiers, mouseModifiersSupported=false, keySupported=false) { - this.cleanup(); - - this._mouseModifiersSupported = mouseModifiersSupported; - this._keySupported = keySupported; - this.setInput(key, modifiers); - const events = [ - [this._inputNode, 'keydown', this._onModifierKeyDown.bind(this), false], - [this._inputNode, 'keyup', this._onModifierKeyUp.bind(this), false] - ]; - if (mouseModifiersSupported && this._mouseButton !== null) { - events.push( - [this._mouseButton, 'mousedown', this._onMouseButtonMouseDown.bind(this), false], - [this._mouseButton, 'pointerdown', this._onMouseButtonPointerDown.bind(this), false], - [this._mouseButton, 'pointerover', this._onMouseButtonPointerOver.bind(this), false], - [this._mouseButton, 'pointerout', this._onMouseButtonPointerOut.bind(this), false], - [this._mouseButton, 'pointercancel', this._onMouseButtonPointerCancel.bind(this), false], - [this._mouseButton, 'mouseup', this._onMouseButtonMouseUp.bind(this), false], - [this._mouseButton, 'contextmenu', this._onMouseButtonContextMenu.bind(this), false] - ); - } - for (const args of events) { - this._eventListeners.addEventListener(...args); - } - } - - setInput(key, modifiers) { - this._key = key; - this._modifiers = this._sortModifiers(modifiers); - this._updateDisplayString(); - } - - cleanup() { - this._eventListeners.removeAllEventListeners(); - this._modifiers = []; - this._key = null; - this._mouseModifiersSupported = false; - this._keySupported = false; - this._penPointerIds.clear(); - } - - clearInputs() { - this._updateModifiers([], null); - } - - // Private - - _sortModifiers(modifiers) { - return this._hotkeyUtil.sortModifiers(modifiers); - } - - _updateDisplayString() { - const displayValue = this._hotkeyUtil.getInputDisplayValue(this._key, this._modifiers); - this._inputNode.value = displayValue; - } - - _getModifierKeys(e) { - const modifiers = new Set(DocumentUtil.getActiveModifiers(e)); - // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/metaKey - // https://askubuntu.com/questions/567731/why-is-shift-alt-being-mapped-to-meta - // It works with mouse events on some platforms, so try to determine if metaKey is pressed. - // This is a hack and only works when both Shift and Alt are not pressed. - if ( - !modifiers.has('meta') && - e.key === 'Meta' && - !( - modifiers.size === 2 && - modifiers.has('shift') && - modifiers.has('alt') - ) - ) { - modifiers.add('meta'); - } - return modifiers; - } - - _isModifierKey(keyName) { - switch (keyName) { - case 'AltLeft': - case 'AltRight': - case 'ControlLeft': - case 'ControlRight': - case 'MetaLeft': - case 'MetaRight': - case 'ShiftLeft': - case 'ShiftRight': - case 'OSLeft': - case 'OSRight': - return true; - default: - return false; - } - } - - _onModifierKeyDown(e) { - e.preventDefault(); - - let key = e.code; - if (key === 'Unidentified' || key === '') { key = void 0; } - if (this._keySupported) { - this._updateModifiers([...this._getModifierKeys(e)], this._isModifierKey(key) ? void 0 : key); - } else { - switch (key) { - case 'Escape': - case 'Backspace': - this.clearInputs(); - break; - default: - this._addModifiers(this._getModifierKeys(e)); - break; - } - } - } - - _onModifierKeyUp(e) { - e.preventDefault(); - } - - _onMouseButtonMouseDown(e) { - e.preventDefault(); - this._addModifiers(DocumentUtil.getActiveButtons(e)); - } - - _onMouseButtonPointerDown(e) { - if (!e.isPrimary) { return; } - - let {pointerType, pointerId} = e; - // Workaround for Firefox bug not detecting certain 'touch' events as 'pen' events. - if (this._penPointerIds.has(pointerId)) { pointerType = 'pen'; } - - if ( - typeof this._isPointerTypeSupported !== 'function' || - !this._isPointerTypeSupported(pointerType) - ) { - return; - } - e.preventDefault(); - this._addModifiers(DocumentUtil.getActiveButtons(e)); - } - - _onMouseButtonPointerOver(e) { - const {pointerType, pointerId} = e; - if (pointerType === 'pen') { - this._penPointerIds.add(pointerId); - } - } - - _onMouseButtonPointerOut(e) { - const {pointerId} = e; - this._penPointerIds.delete(pointerId); - } - - _onMouseButtonPointerCancel(e) { - this._onMouseButtonPointerOut(e); - } - - _onMouseButtonMouseUp(e) { - e.preventDefault(); - } - - _onMouseButtonContextMenu(e) { - e.preventDefault(); - } - - _addModifiers(newModifiers, newKey) { - const modifiers = new Set(this._modifiers); - for (const modifier of newModifiers) { - modifiers.add(modifier); - } - this._updateModifiers([...modifiers], newKey); - } - - _updateModifiers(modifiers, newKey) { - modifiers = this._sortModifiers(modifiers); - - let changed = false; - if (typeof newKey !== 'undefined' && this._key !== newKey) { - this._key = newKey; - changed = true; - } - if (!this._areArraysEqual(this._modifiers, modifiers)) { - this._modifiers = modifiers; - changed = true; - } - - this._updateDisplayString(); - if (changed) { - this.trigger('change', {modifiers: this._modifiers, key: this._key}); - } - } - - _areArraysEqual(array1, array2) { - const length = array1.length; - if (length !== array2.length) { return false; } - - for (let i = 0; i < length; ++i) { - if (array1[i] !== array2[i]) { return false; } - } - - return true; - } -} |