diff options
author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-02-13 23:20:22 -0500 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-02-13 23:20:22 -0500 |
commit | 43d1457ebfe23196348649c245dfb942a0f00a1a (patch) | |
tree | 73163416c2f10817df9a7677c059e36565d0a588 /ext/bg/js/settings/modal.js | |
parent | 7a74c3c31ece7788e82c46f22cb4327ffe08307a (diff) |
Move bg/js/settings(2) (#1385)
* Move bg/js/settings/ to js/settings/
* Move bg/js/settings2/ to js/settings/
Diffstat (limited to 'ext/bg/js/settings/modal.js')
-rw-r--r-- | ext/bg/js/settings/modal.js | 80 |
1 files changed, 0 insertions, 80 deletions
diff --git a/ext/bg/js/settings/modal.js b/ext/bg/js/settings/modal.js deleted file mode 100644 index 2ef49540..00000000 --- a/ext/bg/js/settings/modal.js +++ /dev/null @@ -1,80 +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 - * PanelElement - */ - -class Modal extends PanelElement { - constructor(node) { - super({ - node, - closingAnimationDuration: 375 // Milliseconds; includes buffer - }); - this._contentNode = null; - this._canCloseOnClick = false; - } - - prepare() { - const node = this.node; - this._contentNode = node.querySelector('.modal-content'); - let dimmerNode = node.querySelector('.modal-content-dimmer'); - if (dimmerNode === null) { dimmerNode = node; } - dimmerNode.addEventListener('mousedown', this._onModalContainerMouseDown.bind(this), false); - dimmerNode.addEventListener('mouseup', this._onModalContainerMouseUp.bind(this), false); - dimmerNode.addEventListener('click', this._onModalContainerClick.bind(this), false); - - for (const actionNode of node.querySelectorAll('[data-modal-action]')) { - actionNode.addEventListener('click', this._onActionNodeClick.bind(this), false); - } - } - - // Private - - _onModalContainerMouseDown(e) { - this._canCloseOnClick = (e.currentTarget === e.target); - } - - _onModalContainerMouseUp(e) { - if (!this._canCloseOnClick) { return; } - this._canCloseOnClick = (e.currentTarget === e.target); - } - - _onModalContainerClick(e) { - if (!this._canCloseOnClick) { return; } - this._canCloseOnClick = false; - if (e.currentTarget !== e.target) { return; } - this.setVisible(false); - } - - _onActionNodeClick(e) { - const {modalAction} = e.currentTarget.dataset; - switch (modalAction) { - case 'expand': - this._setExpanded(true); - break; - case 'collapse': - this._setExpanded(false); - break; - } - } - - _setExpanded(expanded) { - if (this._contentNode === null) { return; } - this._contentNode.classList.toggle('modal-content-full', expanded); - } -} |