mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-20 15:45:55 +08:00
101 lines
2.8 KiB
JavaScript
101 lines
2.8 KiB
JavaScript
import { SaveSettingsStep } from 'Common/Enums';
|
|
import { doc, elementById } from 'Common/Globals';
|
|
|
|
let __themeTimer = 0,
|
|
__themeJson = null;
|
|
|
|
export const
|
|
isArray = Array.isArray,
|
|
arrayLength = array => isArray(array) && array.length,
|
|
isFunction = v => typeof v === 'function',
|
|
pString = value => null != value ? '' + value : '',
|
|
|
|
forEachObjectValue = (obj, fn) => Object.values(obj).forEach(fn),
|
|
|
|
pInt = (value, defaultValue = 0) => {
|
|
value = parseInt(value, 10);
|
|
return isNaN(value) || !isFinite(value) ? defaultValue : value;
|
|
},
|
|
|
|
convertThemeName = theme => theme
|
|
.replace(/@custom$/, '')
|
|
.replace(/([A-Z])/g, ' $1')
|
|
.replace(/[^a-zA-Z0-9]+/g, ' ')
|
|
.trim(),
|
|
|
|
defaultOptionsAfterRender = (domItem, item) =>
|
|
domItem && item && undefined !== item.disabled
|
|
&& domItem.classList.toggle('disabled', domItem.disabled = item.disabled),
|
|
|
|
addObservablesTo = (target, observables) =>
|
|
Object.entries(observables).forEach(([key, value]) =>
|
|
target[key] = /*isArray(value) ? ko.observableArray(value) :*/ ko.observable(value) ),
|
|
|
|
addComputablesTo = (target, computables) =>
|
|
Object.entries(computables).forEach(([key, fn]) => target[key] = ko.computed(fn)),
|
|
|
|
addSubscribablesTo = (target, subscribables) =>
|
|
Object.entries(subscribables).forEach(([key, fn]) => target[key].subscribe(fn)),
|
|
|
|
inFocus = () => {
|
|
try {
|
|
return doc.activeElement && doc.activeElement.matches(
|
|
'input,textarea,[contenteditable]'
|
|
);
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
},
|
|
|
|
settingsSaveHelperSimpleFunction = (koTrigger, context) =>
|
|
iError => {
|
|
koTrigger.call(context, iError ? SaveSettingsStep.FalseResult : SaveSettingsStep.TrueResult);
|
|
setTimeout(() => koTrigger.call(context, SaveSettingsStep.Idle), 1000);
|
|
},
|
|
|
|
changeTheme = (value, themeTrigger = ()=>0) => {
|
|
const themeStyle = elementById('app-theme-style'),
|
|
clearTimer = () => {
|
|
__themeTimer = setTimeout(() => themeTrigger(SaveSettingsStep.Idle), 1000);
|
|
__themeJson = null;
|
|
};
|
|
|
|
let url = themeStyle.dataset.href;
|
|
|
|
if (url) {
|
|
url = url.toString()
|
|
.replace(/\/-\/[^/]+\/-\//, '/-/' + value + '/-/')
|
|
.replace(/\/Css\/[^/]+\/User\//, '/Css/0/User/')
|
|
.replace(/\/Hash\/[^/]+\//, '/Hash/-/');
|
|
|
|
if ('Json/' !== url.substr(-5)) {
|
|
url += 'Json/';
|
|
}
|
|
|
|
clearTimeout(__themeTimer);
|
|
|
|
themeTrigger(SaveSettingsStep.Animate);
|
|
|
|
if (__themeJson) {
|
|
__themeJson.abort();
|
|
}
|
|
let init = {};
|
|
if (window.AbortController) {
|
|
__themeJson = new AbortController();
|
|
init.signal = __themeJson.signal;
|
|
}
|
|
rl.fetchJSON(url, init)
|
|
.then(data => {
|
|
if (2 === arrayLength(data)) {
|
|
themeStyle.textContent = data[1];
|
|
themeStyle.dataset.href = url;
|
|
themeStyle.dataset.theme = data[0];
|
|
themeTrigger(SaveSettingsStep.TrueResult);
|
|
}
|
|
})
|
|
.then(clearTimer, clearTimer);
|
|
}
|
|
},
|
|
|
|
getKeyByValue = (o, v) => Object.keys(o).find(key => o[key] === v);
|