mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-20 15:45:55 +08:00
970 lines
22 KiB
JavaScript
970 lines
22 KiB
JavaScript
import { ComposeType, SaveSettingsStep, FolderType } from 'Common/Enums';
|
|
import { Mime } from 'Common/Mime';
|
|
|
|
const
|
|
doc = document,
|
|
tpl = doc.createElement('div'),
|
|
isArray = Array.isArray,
|
|
htmlmap = {
|
|
'&': '&',
|
|
'<': '<',
|
|
'>': '>',
|
|
'"': '"',
|
|
"'": '''
|
|
},
|
|
htmlspecialchars = str => (''+str).replace(/[&<>"']/g, m => htmlmap[m]);
|
|
|
|
/**
|
|
* @param {(string|number)} value
|
|
* @param {boolean=} includeZero = true
|
|
* @returns {boolean}
|
|
*/
|
|
export function isPosNumeric(value, includeZero = true) {
|
|
return null != value && (includeZero ? /^[0-9]*$/ : /^[1-9]+[0-9]*$/).test(value.toString());
|
|
}
|
|
|
|
/**
|
|
* @param {*} value
|
|
* @param {number=} defaultValue = 0
|
|
* @returns {number}
|
|
*/
|
|
export function pInt(value, defaultValue = 0) {
|
|
value = parseInt(value, 10);
|
|
return isNaN(value) || !isFinite(value) ? defaultValue : value;
|
|
}
|
|
|
|
/**
|
|
* @param {*} value
|
|
* @returns {string}
|
|
*/
|
|
export function pString(value) {
|
|
return null != value ? '' + value : '';
|
|
}
|
|
|
|
/**
|
|
* @param {string} queryString
|
|
* @returns {Object}
|
|
*/
|
|
export function simpleQueryParser(queryString) {
|
|
const queries = queryString.split('&'),
|
|
params = {};
|
|
|
|
queries.forEach(temp => {
|
|
temp = temp.split('=');
|
|
params[decodeURIComponent(temp[0])] = decodeURIComponent(temp[1]);
|
|
});
|
|
|
|
return params;
|
|
}
|
|
|
|
/**
|
|
* @param {number=} len = 32
|
|
* @returns {string}
|
|
*/
|
|
export function fakeMd5(len = 32) {
|
|
const line = '0123456789abcdefghijklmnopqrstuvwxyz';
|
|
|
|
len = pInt(len);
|
|
|
|
let result = '';
|
|
while (len--)
|
|
result += line.substr(Math.round(Math.random() * 36), 1);
|
|
|
|
return result;
|
|
}
|
|
|
|
/**
|
|
* @param {string} text
|
|
* @returns {string}
|
|
*/
|
|
export function encodeHtml(text) {
|
|
return null != text ? htmlspecialchars(text.toString()) : '';
|
|
}
|
|
|
|
/**
|
|
* @param {string} text
|
|
* @param {number=} len = 100
|
|
* @returns {string}
|
|
*/
|
|
export function splitPlainText(text, len = 100) {
|
|
let prefix = '',
|
|
subText = '',
|
|
result = text,
|
|
spacePos = 0,
|
|
newLinePos = 0;
|
|
|
|
while (result.length > len) {
|
|
subText = result.substr(0, len);
|
|
spacePos = subText.lastIndexOf(' ');
|
|
newLinePos = subText.lastIndexOf('\n');
|
|
|
|
if (-1 !== newLinePos) {
|
|
spacePos = newLinePos;
|
|
}
|
|
|
|
if (-1 === spacePos) {
|
|
spacePos = len;
|
|
}
|
|
|
|
prefix += subText.substr(0, spacePos) + '\n';
|
|
result = result.substr(spacePos + 1);
|
|
}
|
|
|
|
return prefix + result;
|
|
}
|
|
|
|
/**
|
|
* @param {any} m
|
|
* @returns {any}
|
|
*/
|
|
export function deModule(m) {
|
|
return (m && m.default ? m.default : m) || '';
|
|
}
|
|
|
|
/**
|
|
* @returns {boolean}
|
|
*/
|
|
export function inFocus() {
|
|
try {
|
|
if (doc.activeElement) {
|
|
if (undefined === doc.activeElement.__inFocusCache) {
|
|
doc.activeElement.__inFocusCache = doc.activeElement.matches(
|
|
'input,textarea,iframe,.cke_editable'
|
|
);
|
|
}
|
|
|
|
return !!doc.activeElement.__inFocusCache;
|
|
}
|
|
} catch (e) {} // eslint-disable-line no-empty
|
|
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* @param {boolean} force
|
|
* @returns {void}
|
|
*/
|
|
export function removeInFocus(force) {
|
|
if (doc.activeElement && doc.activeElement.blur) {
|
|
try {
|
|
if (force || doc.activeElement.matches('input,textarea')) {
|
|
doc.activeElement.blur();
|
|
}
|
|
} catch (e) {} // eslint-disable-line no-empty
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @returns {void}
|
|
*/
|
|
export function removeSelection() {
|
|
try {
|
|
getSelection().removeAllRanges();
|
|
} catch (e) {} // eslint-disable-line no-empty
|
|
}
|
|
|
|
/**
|
|
* @param {string} prefix
|
|
* @param {string} subject
|
|
* @returns {string}
|
|
*/
|
|
export function replySubjectAdd(prefix, subject) {
|
|
prefix = prefix.toUpperCase().trim();
|
|
subject = subject.replace(/[\s]+/g, ' ').trim();
|
|
|
|
let drop = false,
|
|
re = 'RE' === prefix,
|
|
fwd = 'FWD' === prefix;
|
|
|
|
const parts = [],
|
|
prefixIsRe = !fwd;
|
|
|
|
if (subject) {
|
|
subject.split(':').forEach(part => {
|
|
const trimmedPart = part.trim();
|
|
if (!drop && (/^(RE|FWD)$/i.test(trimmedPart) || /^(RE|FWD)[[(][\d]+[\])]$/i.test(trimmedPart))) {
|
|
if (!re) {
|
|
re = !!/^RE/i.test(trimmedPart);
|
|
}
|
|
|
|
if (!fwd) {
|
|
fwd = !!/^FWD/i.test(trimmedPart);
|
|
}
|
|
} else {
|
|
parts.push(part);
|
|
drop = true;
|
|
}
|
|
});
|
|
}
|
|
|
|
if (prefixIsRe) {
|
|
re = false;
|
|
} else {
|
|
fwd = false;
|
|
}
|
|
|
|
return ((prefixIsRe ? 'Re: ' : 'Fwd: ') + (re ? 'Re: ' : '') + (fwd ? 'Fwd: ' : '') + parts.join(':').trim()).trim();
|
|
}
|
|
|
|
/**
|
|
* @param {(number|string)} sizeInBytes
|
|
* @returns {string}
|
|
*/
|
|
export function friendlySize(sizeInBytes) {
|
|
sizeInBytes = pInt(sizeInBytes);
|
|
const sizes = ['B', 'KiB', 'MiB', 'GiB', 'TiB'], i = pInt(Math.floor(Math.log(sizeInBytes) / Math.log(1024)));
|
|
return (sizeInBytes / Math.pow(1024, i)).toFixed(2>i ? 0 : 1) + sizes[i];
|
|
}
|
|
|
|
/**
|
|
* @param {string} theme
|
|
* @returns {string}
|
|
*/
|
|
export const convertThemeName = theme => {
|
|
if ('@custom' === theme.substr(-7)) {
|
|
theme = theme.substr(0, theme.length - 7).trim();
|
|
}
|
|
|
|
return theme
|
|
.replace(/[^a-zA-Z0-9]+/g, ' ')
|
|
.replace(/([A-Z])/g, ' $1')
|
|
.replace(/\s+/g, ' ')
|
|
.trim();
|
|
};
|
|
|
|
/**
|
|
*
|
|
* @param {string} language
|
|
* @param {boolean=} isEng = false
|
|
* @returns {string}
|
|
*/
|
|
export function convertLangName(language, isEng = false) {
|
|
return require('Common/Translator').i18n(
|
|
'LANGS_NAMES' + (true === isEng ? '_EN' : '') + '/LANG_' + language.toUpperCase().replace(/[^a-zA-Z0-9]+/g, '_'),
|
|
null,
|
|
language
|
|
);
|
|
}
|
|
|
|
/**
|
|
* @param {object} domOption
|
|
* @param {object} item
|
|
* @returns {void}
|
|
*/
|
|
export function defautOptionsAfterRender(domItem, item) {
|
|
if (item && undefined !== item.disabled && domItem) {
|
|
domItem.classList.toggle('disabled', domItem.disabled = item.disabled);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {Function} fCallback
|
|
* @param {?} koTrigger
|
|
* @param {?} context = null
|
|
* @param {number=} timer = 1000
|
|
* @returns {Function}
|
|
*/
|
|
export function settingsSaveHelperFunction(fCallback, koTrigger, context = null, timer = 1000) {
|
|
timer = pInt(timer);
|
|
return (type, data, cached, requestAction, requestParameters) => {
|
|
koTrigger.call(context, data && data.Result ? SaveSettingsStep.TrueResult : SaveSettingsStep.FalseResult);
|
|
if (fCallback) {
|
|
fCallback.call(context, type, data, cached, requestAction, requestParameters);
|
|
}
|
|
setTimeout(() => {
|
|
koTrigger.call(context, SaveSettingsStep.Idle);
|
|
}, timer);
|
|
};
|
|
}
|
|
|
|
/**
|
|
* @param {object} koTrigger
|
|
* @param {mixed} context
|
|
* @returns {mixed}
|
|
*/
|
|
export function settingsSaveHelperSimpleFunction(koTrigger, context) {
|
|
return settingsSaveHelperFunction(null, koTrigger, context, 1000);
|
|
}
|
|
|
|
/**
|
|
* @param {object} remote
|
|
* @param {string} settingName
|
|
* @param {string} type
|
|
* @param {function} fTriggerFunction
|
|
* @returns {function}
|
|
*/
|
|
export function settingsSaveHelperSubscribeFunction(remote, settingName, type, fTriggerFunction) {
|
|
return (value) => {
|
|
if (remote) {
|
|
switch (type) {
|
|
case 'bool':
|
|
case 'boolean':
|
|
value = value ? '1' : '0';
|
|
break;
|
|
case 'int':
|
|
case 'integer':
|
|
case 'number':
|
|
value = pInt(value);
|
|
break;
|
|
case 'trim':
|
|
value = value.trim();
|
|
break;
|
|
default:
|
|
value = pString(value);
|
|
break;
|
|
}
|
|
|
|
const data = {};
|
|
data[settingName] = value;
|
|
|
|
if (remote.saveAdminConfig) {
|
|
remote.saveAdminConfig(fTriggerFunction || null, data);
|
|
} else if (remote.saveSettings) {
|
|
remote.saveSettings(fTriggerFunction || null, data);
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
/**
|
|
* @param {string} html
|
|
* @returns {string}
|
|
*/
|
|
/*eslint-disable max-len*/
|
|
const url = /(^|[\s\n]|\/?>)(https:\/\/[-A-Z0-9+\u0026\u2019#/%?=()~_|!:,.;]*[-A-Z0-9+\u0026#/%=~()_|])/gi,
|
|
email = /(^|[\s\n]|\/?>)((?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x21\x23-\x5b\x5d-\x7f]|\\[\x21\x23-\x5b\x5d-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x21-\x5a\x53-\x7f]|\\[\x21\x23-\x5b\x5d-\x7f])+)\]))/gi;
|
|
export function findEmailAndLinks(html) {
|
|
return html
|
|
.replace(url, '$1<a href="$2" target="_blank">$2</a>')
|
|
.replace(email, '$1<a href="mailto:$2">$2</a>');
|
|
}
|
|
|
|
/**
|
|
* @param {string} html
|
|
* @returns {string}
|
|
*/
|
|
export function htmlToPlain(html) {
|
|
let pos = 0,
|
|
limit = 0,
|
|
iP1 = 0,
|
|
iP2 = 0,
|
|
iP3 = 0,
|
|
text = '';
|
|
|
|
const convertBlockquote = (blockquoteText) => {
|
|
blockquoteText = '> ' + blockquoteText.trim().replace(/\n/gm, '\n> ');
|
|
return blockquoteText.replace(/(^|\n)([> ]+)/gm, (...args) =>
|
|
args && 2 < args.length ? args[1] + args[2].replace(/[\s]/g, '').trim() + ' ' : ''
|
|
);
|
|
};
|
|
|
|
const convertDivs = (...args) => {
|
|
if (args && 1 < args.length) {
|
|
let divText = args[1].trim();
|
|
if (divText.length) {
|
|
divText = divText.replace(/<div[^>]*>([\s\S\r\n]*)<\/div>/gim, convertDivs);
|
|
divText = '\n' + divText.trim() + '\n';
|
|
}
|
|
|
|
return divText;
|
|
}
|
|
|
|
return '';
|
|
};
|
|
|
|
const convertPre = (...args) =>
|
|
args && 1 < args.length
|
|
? args[1]
|
|
.toString()
|
|
.replace(/[\n]/gm, '<br />')
|
|
.replace(/[\r]/gm, '')
|
|
: '',
|
|
fixAttibuteValue = (...args) => (args && 1 < args.length ? '' + args[1] + htmlspecialchars(args[2]) : ''),
|
|
convertLinks = (...args) => (args && 1 < args.length ? args[1].trim() : '');
|
|
|
|
tpl.innerHTML = html
|
|
.replace(/<p[^>]*><\/p>/gi, '')
|
|
.replace(/<pre[^>]*>([\s\S\r\n\t]*)<\/pre>/gim, convertPre)
|
|
.replace(/[\s]+/gm, ' ')
|
|
.replace(/((?:href|data)\s?=\s?)("[^"]+?"|'[^']+?')/gim, fixAttibuteValue)
|
|
.replace(/<br[^>]*>/gim, '\n')
|
|
.replace(/<\/h[\d]>/gi, '\n')
|
|
.replace(/<\/p>/gi, '\n\n')
|
|
.replace(/<ul[^>]*>/gim, '\n')
|
|
.replace(/<\/ul>/gi, '\n')
|
|
.replace(/<li[^>]*>/gim, ' * ')
|
|
.replace(/<\/li>/gi, '\n')
|
|
.replace(/<\/td>/gi, '\n')
|
|
.replace(/<\/tr>/gi, '\n')
|
|
.replace(/<hr[^>]*>/gim, '\n_______________________________\n\n')
|
|
.replace(/<div[^>]*>([\s\S\r\n]*)<\/div>/gim, convertDivs)
|
|
.replace(/<blockquote[^>]*>/gim, '\n__bq__start__\n')
|
|
.replace(/<\/blockquote>/gim, '\n__bq__end__\n')
|
|
.replace(/<a [^>]*>([\s\S\r\n]*?)<\/a>/gim, convertLinks)
|
|
.replace(/<\/div>/gi, '\n')
|
|
.replace(/ /gi, ' ')
|
|
.replace(/"/gi, '"')
|
|
.replace(/<[^>]*>/gm, '');
|
|
|
|
text = splitPlainText(tpl.textContent
|
|
.replace(/\n[ \t]+/gm, '\n')
|
|
.replace(/[\n]{3,}/gm, '\n\n')
|
|
.replace(/>/gi, '>')
|
|
.replace(/</gi, '<')
|
|
.replace(/&/gi, '&')
|
|
);
|
|
|
|
pos = 0;
|
|
limit = 800;
|
|
|
|
while (0 < limit) {
|
|
limit -= 1;
|
|
iP1 = text.indexOf('__bq__start__', pos);
|
|
if (-1 < iP1) {
|
|
iP2 = text.indexOf('__bq__start__', iP1 + 5);
|
|
iP3 = text.indexOf('__bq__end__', iP1 + 5);
|
|
|
|
if ((-1 === iP2 || iP3 < iP2) && iP1 < iP3) {
|
|
text = text.substr(0, iP1) + convertBlockquote(text.substring(iP1 + 13, iP3)) + text.substr(iP3 + 11);
|
|
pos = 0;
|
|
} else if (-1 < iP2 && iP2 < iP3) {
|
|
pos = iP2 - 1;
|
|
} else {
|
|
pos = 0;
|
|
}
|
|
} else {
|
|
break;
|
|
}
|
|
}
|
|
|
|
return text.replace(/__bq__start__/gm, '').replace(/__bq__end__/gm, '');
|
|
}
|
|
|
|
/**
|
|
* @param {string} plain
|
|
* @param {boolean} findEmailAndLinksInText = false
|
|
* @returns {string}
|
|
*/
|
|
export function plainToHtml(plain) {
|
|
plain = plain.toString().replace(/\r/g, '');
|
|
plain = plain.replace(/^>[> ]>+/gm, ([match]) => (match ? match.replace(/[ ]+/g, '') : match));
|
|
|
|
let bIn = false,
|
|
bDo = true,
|
|
bStart = true,
|
|
aNextText = [],
|
|
aText = plain.split('\n');
|
|
|
|
do {
|
|
bDo = false;
|
|
aNextText = [];
|
|
aText.forEach(sLine => {
|
|
bStart = '>' === sLine.substr(0, 1);
|
|
if (bStart && !bIn) {
|
|
bDo = true;
|
|
bIn = true;
|
|
aNextText.push('~~~blockquote~~~');
|
|
aNextText.push(sLine.substr(1));
|
|
} else if (!bStart && bIn) {
|
|
if (sLine) {
|
|
bIn = false;
|
|
aNextText.push('~~~/blockquote~~~');
|
|
aNextText.push(sLine);
|
|
} else {
|
|
aNextText.push(sLine);
|
|
}
|
|
} else if (bStart && bIn) {
|
|
aNextText.push(sLine.substr(1));
|
|
} else {
|
|
aNextText.push(sLine);
|
|
}
|
|
});
|
|
|
|
if (bIn) {
|
|
bIn = false;
|
|
aNextText.push('~~~/blockquote~~~');
|
|
}
|
|
|
|
aText = aNextText;
|
|
} while (bDo);
|
|
|
|
return aText.join('\n')
|
|
// .replace(/~~~\/blockquote~~~\n~~~blockquote~~~/g, '\n')
|
|
.replace(/&/g, '&')
|
|
.replace(/>/g, '>')
|
|
.replace(/</g, '<')
|
|
.replace(/~~~blockquote~~~[\s]*/g, '<blockquote>')
|
|
.replace(/[\s]*~~~\/blockquote~~~/g, '</blockquote>')
|
|
.replace(/\n/g, '<br />');
|
|
}
|
|
|
|
rl.Utils = {
|
|
htmlToPlain: htmlToPlain,
|
|
plainToHtml: plainToHtml
|
|
};
|
|
|
|
/**
|
|
* @param {Array} aSystem
|
|
* @param {Array} aList
|
|
* @param {Array=} aDisabled
|
|
* @param {Array=} aHeaderLines
|
|
* @param {?number=} iUnDeep
|
|
* @param {Function=} fDisableCallback
|
|
* @param {Function=} fVisibleCallback
|
|
* @param {Function=} fRenameCallback
|
|
* @param {boolean=} bSystem
|
|
* @param {boolean=} bBuildUnvisible
|
|
* @returns {Array}
|
|
*/
|
|
export function folderListOptionsBuilder(
|
|
aSystem,
|
|
aList,
|
|
aDisabled,
|
|
aHeaderLines,
|
|
iUnDeep,
|
|
fDisableCallback,
|
|
fVisibleCallback,
|
|
fRenameCallback,
|
|
bSystem,
|
|
bBuildUnvisible
|
|
) {
|
|
let /**
|
|
* @type {?FolderModel}
|
|
*/
|
|
bSep = false,
|
|
aResult = [];
|
|
|
|
const sDeepPrefix = '\u00A0\u00A0\u00A0';
|
|
|
|
bBuildUnvisible = undefined === bBuildUnvisible ? false : !!bBuildUnvisible;
|
|
bSystem = null == bSystem ? 0 < aSystem.length : bSystem;
|
|
iUnDeep = null == iUnDeep ? 0 : iUnDeep;
|
|
fDisableCallback = null != fDisableCallback ? fDisableCallback : null;
|
|
fVisibleCallback = null != fVisibleCallback ? fVisibleCallback : null;
|
|
fRenameCallback = null != fRenameCallback ? fRenameCallback : null;
|
|
|
|
if (!isArray(aDisabled)) {
|
|
aDisabled = [];
|
|
}
|
|
|
|
if (!isArray(aHeaderLines)) {
|
|
aHeaderLines = [];
|
|
}
|
|
|
|
aHeaderLines.forEach(line => {
|
|
aResult.push({
|
|
id: line[0],
|
|
name: line[1],
|
|
system: false,
|
|
seporator: false,
|
|
disabled: false
|
|
});
|
|
});
|
|
|
|
bSep = true;
|
|
aSystem.forEach(oItem => {
|
|
if (fVisibleCallback ? fVisibleCallback(oItem) : true) {
|
|
if (bSep && aResult.length) {
|
|
aResult.push({
|
|
id: '---',
|
|
name: '---',
|
|
system: false,
|
|
seporator: true,
|
|
disabled: true
|
|
});
|
|
}
|
|
|
|
bSep = false;
|
|
aResult.push({
|
|
id: oItem.fullNameRaw,
|
|
name: fRenameCallback ? fRenameCallback(oItem) : oItem.name(),
|
|
system: true,
|
|
seporator: false,
|
|
disabled:
|
|
!oItem.selectable ||
|
|
aDisabled.includes(oItem.fullNameRaw) ||
|
|
(fDisableCallback ? fDisableCallback(oItem) : false)
|
|
});
|
|
}
|
|
});
|
|
|
|
bSep = true;
|
|
aList.forEach(oItem => {
|
|
// if (oItem.subScribed() || !oItem.existen || bBuildUnvisible)
|
|
if (
|
|
(oItem.subScribed() || !oItem.existen || bBuildUnvisible) &&
|
|
(oItem.selectable || oItem.hasSubScribedSubfolders())
|
|
) {
|
|
if (fVisibleCallback ? fVisibleCallback(oItem) : true) {
|
|
if (FolderType.User === oItem.type() || !bSystem || oItem.hasSubScribedSubfolders()) {
|
|
if (bSep && aResult.length) {
|
|
aResult.push({
|
|
id: '---',
|
|
name: '---',
|
|
system: false,
|
|
seporator: true,
|
|
disabled: true
|
|
});
|
|
}
|
|
|
|
bSep = false;
|
|
aResult.push({
|
|
id: oItem.fullNameRaw,
|
|
name:
|
|
new Array(oItem.deep + 1 - iUnDeep).join(sDeepPrefix) +
|
|
(fRenameCallback ? fRenameCallback(oItem) : oItem.name()),
|
|
system: false,
|
|
seporator: false,
|
|
disabled:
|
|
!oItem.selectable ||
|
|
aDisabled.includes(oItem.fullNameRaw) ||
|
|
(fDisableCallback ? fDisableCallback(oItem) : false)
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
if (oItem.subScribed() && oItem.subFolders().length) {
|
|
aResult = aResult.concat(
|
|
folderListOptionsBuilder(
|
|
[],
|
|
oItem.subFolders(),
|
|
aDisabled,
|
|
[],
|
|
iUnDeep,
|
|
fDisableCallback,
|
|
fVisibleCallback,
|
|
fRenameCallback,
|
|
bSystem,
|
|
bBuildUnvisible
|
|
)
|
|
);
|
|
}
|
|
});
|
|
|
|
return aResult;
|
|
}
|
|
|
|
/**
|
|
* @param {object} element
|
|
* @returns {void}
|
|
*/
|
|
export function selectElement(element) {
|
|
let sel = getSelection(),
|
|
range = doc.createRange();
|
|
sel.removeAllRanges();
|
|
range.selectNodeContents(element);
|
|
sel.addRange(range);
|
|
}
|
|
|
|
/**
|
|
* @param {Object|Array} objectOrObjects
|
|
* @returns {void}
|
|
*/
|
|
export function delegateRunOnDestroy(objectOrObjects) {
|
|
if (objectOrObjects) {
|
|
if (isArray(objectOrObjects)) {
|
|
objectOrObjects.forEach(item => delegateRunOnDestroy(item));
|
|
} else {
|
|
objectOrObjects.onDestroy && objectOrObjects.onDestroy();
|
|
}
|
|
}
|
|
}
|
|
|
|
let __themeTimer = 0,
|
|
__themeAjax = null;
|
|
|
|
/**
|
|
* @param {string} value
|
|
* @param {function=} themeTrigger = noop
|
|
* @returns {void}
|
|
*/
|
|
export function changeTheme(value, themeTrigger = ()=>{}) {
|
|
const themeLink = doc.getElementById('app-theme-link'),
|
|
clearTimer = () => {
|
|
__themeTimer = setTimeout(() => themeTrigger(SaveSettingsStep.Idle), 1000);
|
|
__themeAjax = null;
|
|
};
|
|
|
|
let themeStyle = doc.getElementById('app-theme-style'),
|
|
url = (themeLink && themeLink.href) || (themeStyle && 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 (__themeAjax) {
|
|
__themeAjax.abort();
|
|
}
|
|
let init = {};
|
|
if (window.AbortController) {
|
|
__themeAjax = new AbortController();
|
|
init.signal = __themeAjax.signal;
|
|
}
|
|
rl.fetchJSON(url, init)
|
|
.then(data => {
|
|
if (data && isArray(data) && 2 === data.length) {
|
|
if (themeLink && !themeStyle) {
|
|
themeStyle = doc.createElement('style');
|
|
themeStyle.id = 'app-theme-style';
|
|
themeLink.after(themeStyle);
|
|
themeLink.remove();
|
|
}
|
|
|
|
if (themeStyle) {
|
|
themeStyle.textContent = data[1];
|
|
themeStyle.dataset.href = url;
|
|
themeStyle.dataset.theme = data[0];
|
|
}
|
|
|
|
themeTrigger(SaveSettingsStep.TrueResult);
|
|
}
|
|
})
|
|
.then(clearTimer, clearTimer);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @returns {function}
|
|
*/
|
|
export function computedPagenatorHelper(koCurrentPage, koPageCount) {
|
|
return () => {
|
|
const currentPage = koCurrentPage(),
|
|
pageCount = koPageCount(),
|
|
result = [],
|
|
fAdd = (index, push = true, customName = '') => {
|
|
const data = {
|
|
current: index === currentPage,
|
|
name: customName ? customName.toString() : index.toString(),
|
|
custom: !!customName,
|
|
title: customName ? index.toString() : '',
|
|
value: index.toString()
|
|
};
|
|
|
|
if (push) {
|
|
result.push(data);
|
|
} else {
|
|
result.unshift(data);
|
|
}
|
|
};
|
|
|
|
let prev = 0,
|
|
next = 0,
|
|
limit = 2;
|
|
|
|
if (1 < pageCount || (0 < pageCount && pageCount < currentPage)) {
|
|
if (pageCount < currentPage) {
|
|
fAdd(pageCount);
|
|
prev = pageCount;
|
|
next = pageCount;
|
|
} else {
|
|
if (3 >= currentPage || pageCount - 2 <= currentPage) {
|
|
limit += 2;
|
|
}
|
|
|
|
fAdd(currentPage);
|
|
prev = currentPage;
|
|
next = currentPage;
|
|
}
|
|
|
|
while (0 < limit) {
|
|
prev -= 1;
|
|
next += 1;
|
|
|
|
if (0 < prev) {
|
|
fAdd(prev, false);
|
|
limit -= 1;
|
|
}
|
|
|
|
if (pageCount >= next) {
|
|
fAdd(next, true);
|
|
limit -= 1;
|
|
} else if (0 >= prev) {
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (3 === prev) {
|
|
fAdd(2, false);
|
|
} else if (3 < prev) {
|
|
fAdd(Math.round((prev - 1) / 2), false, '...');
|
|
}
|
|
|
|
if (pageCount - 2 === next) {
|
|
fAdd(pageCount - 1, true);
|
|
} else if (pageCount - 2 > next) {
|
|
fAdd(Math.round((pageCount + next) / 2), true, '...');
|
|
}
|
|
|
|
// first and last
|
|
if (1 < prev) {
|
|
fAdd(1, false);
|
|
}
|
|
|
|
if (pageCount > next) {
|
|
fAdd(pageCount, true);
|
|
}
|
|
}
|
|
|
|
return result;
|
|
};
|
|
}
|
|
|
|
/**
|
|
* @param {string} fileName
|
|
* @returns {string}
|
|
*/
|
|
export function getFileExtension(fileName) {
|
|
fileName = fileName.toLowerCase().trim();
|
|
|
|
const result = fileName.split('.').pop();
|
|
return result === fileName ? '' : result;
|
|
}
|
|
|
|
/**
|
|
* @param {string} fileName
|
|
* @returns {string}
|
|
*/
|
|
export function mimeContentType(fileName) {
|
|
let ext = '',
|
|
result = 'application/octet-stream';
|
|
|
|
fileName = fileName.toLowerCase().trim();
|
|
|
|
if ('winmail.dat' === fileName) {
|
|
return 'application/ms-tnef';
|
|
}
|
|
|
|
ext = getFileExtension(fileName);
|
|
if (ext && ext.length && undefined !== Mime[ext]) {
|
|
result = Mime[ext];
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
/**
|
|
* @param {string} color
|
|
* @returns {boolean}
|
|
*/
|
|
export function isTransparent(color) {
|
|
return 'rgba(0, 0, 0, 0)' === color || 'transparent' === color;
|
|
}
|
|
|
|
/**
|
|
* @param {string} url
|
|
* @param {number} value
|
|
* @param {Function} fCallback
|
|
*/
|
|
export function resizeAndCrop(url, value, fCallback) {
|
|
const img = new Image();
|
|
img.onload = function() {
|
|
let diff = [0, 0];
|
|
|
|
const canvas = doc.createElement('canvas'),
|
|
ctx = canvas.getContext('2d');
|
|
|
|
canvas.width = value;
|
|
canvas.height = value;
|
|
|
|
if (this.width > this.height) {
|
|
diff = [this.width - this.height, 0];
|
|
} else {
|
|
diff = [0, this.height - this.width];
|
|
}
|
|
|
|
ctx.fillStyle = '#fff';
|
|
ctx.fillRect(0, 0, value, value);
|
|
ctx.drawImage(this, diff[0] / 2, diff[1] / 2, this.width - diff[0], this.height - diff[1], 0, 0, value, value);
|
|
|
|
fCallback(canvas.toDataURL('image/jpeg'));
|
|
};
|
|
|
|
img.src = url;
|
|
}
|
|
|
|
/**
|
|
* @param {string} mailToUrl
|
|
* @param {Function} PopupComposeViewModel
|
|
* @returns {boolean}
|
|
*/
|
|
export function mailToHelper(mailToUrl, PopupComposeViewModel) {
|
|
if (
|
|
mailToUrl &&
|
|
'mailto:' ===
|
|
mailToUrl
|
|
.toString()
|
|
.substr(0, 7)
|
|
.toLowerCase()
|
|
) {
|
|
if (!PopupComposeViewModel) {
|
|
return true;
|
|
}
|
|
|
|
mailToUrl = mailToUrl.toString().substr(7);
|
|
|
|
let to = [],
|
|
cc = null,
|
|
bcc = null,
|
|
params = {};
|
|
|
|
const email = mailToUrl.replace(/\?.+$/, ''),
|
|
query = mailToUrl.replace(/^[^?]*\?/, ''),
|
|
EmailModel = require('Model/Email').default;
|
|
|
|
params = simpleQueryParser(query);
|
|
|
|
if (undefined !== params.to) {
|
|
to = EmailModel.parseEmailLine(decodeURIComponent(email + ',' + params.to));
|
|
to = Object.values(
|
|
to.reduce((result, value) => {
|
|
if (value) {
|
|
if (result[value.email]) {
|
|
if (!result[value.email].name) {
|
|
result[value.email] = value;
|
|
}
|
|
} else {
|
|
result[value.email] = value;
|
|
}
|
|
}
|
|
return result;
|
|
}, {})
|
|
);
|
|
} else {
|
|
to = EmailModel.parseEmailLine(email);
|
|
}
|
|
|
|
if (undefined !== params.cc) {
|
|
cc = EmailModel.parseEmailLine(decodeURIComponent(params.cc));
|
|
}
|
|
|
|
if (undefined !== params.bcc) {
|
|
bcc = EmailModel.parseEmailLine(decodeURIComponent(params.bcc));
|
|
}
|
|
|
|
require('Knoin/Knoin').showScreenPopup(PopupComposeViewModel, [
|
|
ComposeType.Empty,
|
|
null,
|
|
to,
|
|
cc,
|
|
bcc,
|
|
null == params.subject ? null : pString(decodeURIComponent(params.subject)),
|
|
null == params.body ? null : plainToHtml(pString(decodeURIComponent(params.body)))
|
|
]);
|
|
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
}
|