/* * Copyright (C) 2016-2020 Alex Yatskov <alex@foosoft.net> * Author: Alex Yatskov <alex@foosoft.net> * * 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/>. */ class DisplayFloat extends Display { constructor() { super(document.querySelector('#spinner'), document.querySelector('#definitions')); this.autoPlayAudioTimer = null; this.optionsContext = { depth: 0, url: window.location.href }; this._orphaned = false; yomichan.on('orphaned', () => this.onOrphaned()); window.addEventListener('message', (e) => this.onMessage(e), false); } onError(error) { if (this._orphaned) { this.setContent('orphaned'); } else { logError(error, true); } } onOrphaned() { this._orphaned = true; } onSearchClear() { window.parent.postMessage('popupClose', '*'); } onSelectionCopy() { window.parent.postMessage('selectionCopy', '*'); } onMessage(e) { const {action, params} = e.data; const handler = DisplayFloat._messageHandlers.get(action); if (typeof handler !== 'function') { return; } handler(this, params); } onKeyDown(e) { const key = Display.getKeyFromEvent(e); const handler = DisplayFloat._onKeyDownHandlers.get(key); if (typeof handler === 'function') { if (handler(this, e)) { e.preventDefault(); return true; } } return super.onKeyDown(e); } getOptionsContext() { return this.optionsContext; } autoPlayAudio() { this.clearAutoPlayTimer(); this.autoPlayAudioTimer = window.setTimeout(() => super.autoPlayAudio(), 400); } clearAutoPlayTimer() { if (this.autoPlayAudioTimer) { window.clearTimeout(this.autoPlayAudioTimer); this.autoPlayAudioTimer = null; } } setContentScale(scale) { document.body.style.fontSize = `${scale}em`; } async initialize(options, popupInfo, url, childrenSupported, scale) { await super.initialize(options); const {id, depth, parentFrameId} = popupInfo; this.optionsContext.depth = depth; this.optionsContext.url = url; if (childrenSupported) { popupNestedInitialize(id, depth, parentFrameId, url); } this.setContentScale(scale); } } DisplayFloat._onKeyDownHandlers = new Map([ ['C', (self, e) => { if (e.ctrlKey && !window.getSelection().toString()) { self.onSelectionCopy(); return true; } return false; }] ]); DisplayFloat._messageHandlers = new Map([ ['setContent', (self, {type, details}) => self.setContent(type, details)], ['clearAutoPlayTimer', (self) => self.clearAutoPlayTimer()], ['setCustomCss', (self, {css}) => self.setCustomCss(css)], ['initialize', (self, {options, popupInfo, url, childrenSupported, scale}) => self.initialize(options, popupInfo, url, childrenSupported, scale)], ['setContentScale', (self, {scale}) => self.setContentScale(scale)] ]); DisplayFloat.instance = new DisplayFloat();