yomichan/ext/js/pages/action-popup-main.js

244 lines
8.4 KiB
JavaScript
Raw Normal View History

2017-03-02 05:35:29 +00:00
/*
* Copyright (C) 2017-2021 Yomichan Authors
2017-03-02 05:35:29 +00:00
*
* 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
2020-01-01 17:00:31 +00:00
* along with this program. If not, see <https://www.gnu.org/licenses/>.
2017-03-02 05:35:29 +00:00
*/
2020-03-11 02:30:36 +00:00
/* global
* HotkeyHelpController
* PermissionsUtil
2020-03-11 02:30:36 +00:00
*/
2017-03-03 05:01:49 +00:00
class DisplayController {
constructor() {
this._optionsFull = null;
this._permissionsUtil = new PermissionsUtil();
}
async prepare() {
const manifest = chrome.runtime.getManifest();
this._showExtensionInfo(manifest);
this._setupEnvironment();
this._setupButtonEvents('.action-open-search', 'openSearchPage', chrome.runtime.getURL('/search.html'));
this._setupButtonEvents('.action-open-info', 'openInfoPage', chrome.runtime.getURL('/info.html'));
const optionsFull = await yomichan.api.optionsGetFull();
this._optionsFull = optionsFull;
this._setupHotkeys();
const optionsPageUrl = manifest.options_ui.page;
this._setupButtonEvents('.action-open-settings', 'openSettingsPage', chrome.runtime.getURL(optionsPageUrl));
this._setupButtonEvents('.action-open-permissions', null, chrome.runtime.getURL('/permissions.html'));
const {profiles, profileCurrent} = optionsFull;
const primaryProfile = (profileCurrent >= 0 && profileCurrent < profiles.length) ? profiles[profileCurrent] : null;
if (primaryProfile !== null) {
this._setupOptions(primaryProfile);
2019-11-29 00:58:17 +00:00
}
document.querySelector('.action-select-profile').hidden = (profiles.length <= 1);
this._updateProfileSelect(profiles, profileCurrent);
setTimeout(() => {
document.body.dataset.loaded = 'true';
}, 10);
}
// Private
_showExtensionInfo(manifest) {
const node = document.getElementById('extension-info');
if (node === null) { return; }
node.textContent = `${manifest.name} v${manifest.version}`;
}
_setupButtonEvents(selector, command, url) {
const nodes = document.querySelectorAll(selector);
for (const node of nodes) {
if (typeof command === 'string') {
node.addEventListener('click', (e) => {
if (e.button !== 0) { return; }
yomichan.api.commandExec(command, {mode: e.ctrlKey ? 'newTab' : 'existingOrNewTab'});
e.preventDefault();
}, false);
node.addEventListener('auxclick', (e) => {
if (e.button !== 1) { return; }
yomichan.api.commandExec(command, {mode: 'newTab'});
e.preventDefault();
}, false);
}
if (typeof url === 'string') {
node.href = url;
node.target = '_blank';
node.rel = 'noopener';
}
}
}
async _setupEnvironment() {
const urlSearchParams = new URLSearchParams(location.search);
let mode = urlSearchParams.get('mode');
switch (mode) {
case 'full':
case 'mini':
break;
default:
{
let tab;
try {
tab = await this._getCurrentTab();
// Safari assigns a tab object to the popup, other browsers do not
if (tab && await this._isSafari()) {
tab = void 0;
}
} catch (e) {
// NOP
}
mode = (tab ? 'full' : 'mini');
}
break;
}
document.documentElement.dataset.mode = mode;
}
_getCurrentTab() {
return new Promise((resolve, reject) => {
chrome.tabs.getCurrent((result) => {
const e = chrome.runtime.lastError;
if (e) {
reject(new Error(e.message));
} else {
resolve(result);
}
});
});
}
_setupOptions({options}) {
const extensionEnabled = options.general.enable;
const onToggleChanged = () => yomichan.api.commandExec('toggleTextScanning');
for (const toggle of document.querySelectorAll('#enable-search,#enable-search2')) {
toggle.checked = extensionEnabled;
toggle.addEventListener('change', onToggleChanged, false);
}
this._updateDictionariesEnabledWarnings(options);
this._updatePermissionsWarnings(options);
}
async _setupHotkeys() {
const hotkeyHelpController = new HotkeyHelpController();
await hotkeyHelpController.prepare();
const {profiles, profileCurrent} = this._optionsFull;
const primaryProfile = (profileCurrent >= 0 && profileCurrent < profiles.length) ? profiles[profileCurrent] : null;
if (primaryProfile !== null) {
hotkeyHelpController.setOptions(primaryProfile.options);
}
hotkeyHelpController.setupNode(document.documentElement);
}
_updateProfileSelect(profiles, profileCurrent) {
const select = document.querySelector('#profile-select');
const optionGroup = document.querySelector('#profile-select-option-group');
const fragment = document.createDocumentFragment();
for (let i = 0, ii = profiles.length; i < ii; ++i) {
const {name} = profiles[i];
const option = document.createElement('option');
option.textContent = name;
option.value = `${i}`;
fragment.appendChild(option);
}
optionGroup.textContent = '';
optionGroup.appendChild(fragment);
select.value = `${profileCurrent}`;
select.addEventListener('change', this._onProfileSelectChange.bind(this), false);
}
2017-03-02 05:35:29 +00:00
_onProfileSelectChange(e) {
const value = parseInt(e.currentTarget.value, 10);
if (typeof value === 'number' && Number.isFinite(value) && value >= 0 && value <= this._optionsFull.profiles.length) {
this._setPrimaryProfileIndex(value);
}
}
async _setPrimaryProfileIndex(value) {
return await yomichan.api.modifySettings(
[{
action: 'set',
path: 'profileCurrent',
value,
scope: 'global'
}]
);
}
async _updateDictionariesEnabledWarnings(options) {
const noDictionariesEnabledWarnings = document.querySelectorAll('.no-dictionaries-enabled-warning');
const dictionaries = await yomichan.api.getDictionaryInfo();
const enabledDictionaries = new Set();
for (const {name, enabled} of options.dictionaries) {
if (enabled) {
enabledDictionaries.add(name);
}
}
let enabledCount = 0;
for (const {title} of dictionaries) {
if (enabledDictionaries.has(title)) {
++enabledCount;
}
}
const hasEnabledDictionary = (enabledCount > 0);
for (const node of noDictionariesEnabledWarnings) {
node.hidden = hasEnabledDictionary;
}
}
async _updatePermissionsWarnings(options) {
const permissions = await this._permissionsUtil.getAllPermissions();
if (this._permissionsUtil.hasRequiredPermissionsForOptions(permissions, options)) { return; }
const warnings = document.querySelectorAll('.action-open-permissions,.permissions-required-warning');
for (const node of warnings) {
node.hidden = false;
}
}
async _isSafari() {
const {browser} = await yomichan.api.getEnvironmentInfo();
return browser === 'safari';
}
2020-04-19 18:27:15 +00:00
}
2020-04-23 01:42:20 +00:00
(async () => {
await yomichan.prepare();
2020-07-18 20:45:57 +00:00
yomichan.api.logIndicatorClear();
const displayController = new DisplayController();
displayController.prepare();
yomichan.ready();
2020-04-23 01:42:20 +00:00
})();