mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-20 15:45:55 +08:00
d1c06a8ece
As benefit this also drops the CustomEvent('resize.real')
256 lines
6.1 KiB
JavaScript
256 lines
6.1 KiB
JavaScript
import ko from 'ko';
|
|
|
|
import {
|
|
$win,
|
|
$htmlCL,
|
|
leftPanelDisabled,
|
|
leftPanelType,
|
|
bMobileDevice
|
|
} from 'Common/Globals';
|
|
|
|
import { pString, detectDropdownVisibility, windowResizeCallback } from 'Common/Utils';
|
|
|
|
import { KeyState } from 'Common/Enums';
|
|
import { root, rootAdmin, rootUser, populateAuthSuffix } from 'Common/Links';
|
|
import { initOnStartOrLangChange, initNotificationLanguage } from 'Common/Translator';
|
|
import * as Settings from 'Storage/Settings';
|
|
|
|
import LanguageStore from 'Stores/Language';
|
|
import ThemeStore from 'Stores/Theme';
|
|
|
|
import { routeOff, setHash } from 'Knoin/Knoin';
|
|
import { AbstractBoot } from 'Knoin/AbstractBoot';
|
|
|
|
class AbstractApp extends AbstractBoot {
|
|
/**
|
|
* @param {RemoteStorage|AdminRemoteStorage} Remote
|
|
*/
|
|
constructor() {
|
|
super();
|
|
|
|
this.isLocalAutocomplete = true;
|
|
this.lastErrorTime = 0;
|
|
|
|
const $doc = document;
|
|
$doc.addEventListener('keydown', (event) => {
|
|
if (event && event.ctrlKey) {
|
|
$htmlCL.add('rl-ctrl-key-pressed');
|
|
}
|
|
});
|
|
$doc.addEventListener('keyup', (event) => {
|
|
if (event && !event.ctrlKey) {
|
|
$htmlCL.remove('rl-ctrl-key-pressed');
|
|
}
|
|
});
|
|
|
|
const fn = (()=>dispatchEvent(new CustomEvent('rl.auto-logout-refresh'))).debounce(5000);
|
|
|
|
$doc.addEventListener('mousemove', fn);
|
|
$doc.addEventListener('keypress', fn);
|
|
$doc.addEventListener('click', fn);
|
|
|
|
key('esc, enter', KeyState.All, () => {
|
|
detectDropdownVisibility();
|
|
});
|
|
}
|
|
|
|
remote() {
|
|
return null;
|
|
}
|
|
|
|
data() {
|
|
return null;
|
|
}
|
|
|
|
getApplicationConfiguration(name, default_) {
|
|
return this.applicationConfiguration[name] || default_;
|
|
}
|
|
|
|
/**
|
|
* @param {string} link
|
|
* @returns {boolean}
|
|
*/
|
|
download(link) {
|
|
if (bMobileDevice) {
|
|
open(link, '_self');
|
|
focus();
|
|
} else {
|
|
const oLink = document.createElement('a');
|
|
oLink.href = link;
|
|
document.body.appendChild(oLink).click();
|
|
oLink.remove();
|
|
// open(link, '_self');
|
|
}
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* @param {string} title
|
|
*/
|
|
setWindowTitle(title) {
|
|
title = pString(title);
|
|
if (Settings.settingsGet('Title')) {
|
|
title += (title ? ' - ' : '') + Settings.settingsGet('Title');
|
|
}
|
|
|
|
document.title = title;
|
|
}
|
|
|
|
redirectToAdminPanel() {
|
|
setTimeout(() => {
|
|
location.href = rootAdmin();
|
|
}, 100);
|
|
}
|
|
|
|
clearClientSideToken() {
|
|
if (window.__rlah_clear) {
|
|
__rlah_clear();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {string} token
|
|
*/
|
|
setClientSideToken(token) {
|
|
if (window.__rlah_set) {
|
|
__rlah_set(token);
|
|
|
|
Settings.settingsSet('AuthAccountHash', token);
|
|
populateAuthSuffix();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {boolean=} admin = false
|
|
* @param {boolean=} logout = false
|
|
* @param {boolean=} close = false
|
|
*/
|
|
loginAndLogoutReload(admin = false, logout = false, close = false) {
|
|
const inIframe = !!Settings.appSettingsGet('inIframe');
|
|
let customLogoutLink = pString(Settings.appSettingsGet('customLogoutLink'));
|
|
|
|
if (logout) {
|
|
this.clearClientSideToken();
|
|
}
|
|
|
|
if (logout && close && window.close) {
|
|
window.close();
|
|
}
|
|
|
|
customLogoutLink = customLogoutLink || (admin ? rootAdmin() : rootUser());
|
|
|
|
if (logout && location.href !== customLogoutLink) {
|
|
setTimeout(() => {
|
|
if (inIframe && parent) {
|
|
parent.location.href = customLogoutLink;
|
|
} else {
|
|
location.href = customLogoutLink;
|
|
}
|
|
|
|
$win.trigger('rl.tooltips.diactivate');
|
|
}, 100);
|
|
} else {
|
|
routeOff();
|
|
setHash(root(), true);
|
|
routeOff();
|
|
|
|
setTimeout(() => {
|
|
if (inIframe && parent) {
|
|
parent.location.reload();
|
|
} else {
|
|
location.reload();
|
|
}
|
|
|
|
$win.trigger('rl.tooltips.diactivate');
|
|
}, 100);
|
|
}
|
|
}
|
|
|
|
historyBack() {
|
|
history.back();
|
|
}
|
|
|
|
bootstart() {
|
|
const mobile = Settings.appSettingsGet('mobile');
|
|
|
|
ko.components.register('SaveTrigger', require('Component/SaveTrigger').default);
|
|
ko.components.register('Input', require('Component/Input').default);
|
|
ko.components.register('Select', require('Component/Select').default);
|
|
ko.components.register('Radio', require('Component/Radio').default);
|
|
ko.components.register('TextArea', require('Component/TextArea').default);
|
|
ko.components.register('Date', require('Component/Date').default);
|
|
|
|
ko.components.register('x-script', require('Component/Script').default);
|
|
|
|
if (Settings.appSettingsGet('materialDesign') && !bMobileDevice) {
|
|
ko.components.register('Checkbox', require('Component/MaterialDesign/Checkbox').default);
|
|
ko.components.register('CheckboxSimple', require('Component/Checkbox').default);
|
|
} else {
|
|
ko.components.register('Checkbox', require('Component/Checkbox').default);
|
|
ko.components.register('CheckboxSimple', require('Component/Checkbox').default);
|
|
}
|
|
|
|
initOnStartOrLangChange(initNotificationLanguage);
|
|
|
|
setTimeout(windowResizeCallback, 1000);
|
|
|
|
if (!mobile) {
|
|
$htmlCL.add('rl-desktop');
|
|
|
|
ssm.addState({
|
|
id: 'mobile',
|
|
query: '(max-width: 767px)',
|
|
onEnter: () => {
|
|
$htmlCL.add('ssm-state-mobile');
|
|
leftPanelDisabled(true);
|
|
},
|
|
onLeave: () => {
|
|
$htmlCL.remove('ssm-state-mobile');
|
|
leftPanelDisabled(false);
|
|
}
|
|
});
|
|
|
|
ssm.addState({
|
|
id: 'tablet',
|
|
query: '(min-width: 768px) and (max-width: 999px)',
|
|
onEnter: () => $htmlCL.add('ssm-state-tablet'),
|
|
onLeave: () => $htmlCL.remove('ssm-state-tablet')
|
|
});
|
|
|
|
ssm.addState({
|
|
id: 'desktop',
|
|
query: '(min-width: 1000px) and (max-width: 1400px)',
|
|
onEnter: () => $htmlCL.add('ssm-state-desktop'),
|
|
onLeave: () => $htmlCL.remove('ssm-state-desktop')
|
|
});
|
|
|
|
ssm.addState({
|
|
id: 'desktop-large',
|
|
query: '(min-width: 1401px)',
|
|
onEnter: () => $htmlCL.add('ssm-state-desktop-large'),
|
|
onLeave: () => $htmlCL.remove('ssm-state-desktop-large')
|
|
});
|
|
} else {
|
|
$htmlCL.add('ssm-state-mobile', 'rl-mobile');
|
|
leftPanelDisabled(true);
|
|
}
|
|
|
|
leftPanelDisabled.subscribe((bValue) => {
|
|
$htmlCL.toggle('rl-left-panel-disabled', bValue);
|
|
$htmlCL.toggle('rl-left-panel-enabled', !bValue);
|
|
});
|
|
|
|
leftPanelType.subscribe((sValue) => {
|
|
$htmlCL.toggle('rl-left-panel-none', 'none' === sValue);
|
|
$htmlCL.toggle('rl-left-panel-short', 'short' === sValue);
|
|
});
|
|
|
|
leftPanelDisabled.valueHasMutated();
|
|
|
|
LanguageStore.populate();
|
|
ThemeStore.populate();
|
|
}
|
|
}
|
|
|
|
export { AbstractApp, AbstractApp as default };
|