mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-11-11 09:45:54 +08:00
863 lines
23 KiB
JavaScript
863 lines
23 KiB
JavaScript
import ko from 'ko';
|
||
|
||
import { Scope } from 'Common/Enums';
|
||
|
||
import { ComposeType, FolderType, MessageSetAction } from 'Common/EnumsUser';
|
||
|
||
import { UNUSED_OPTION_VALUE } from 'Common/Consts';
|
||
|
||
import { doc, leftPanelDisabled, moveAction,
|
||
Settings, SettingsCapa, SettingsGet,
|
||
addEventsListeners,
|
||
addShortcut, registerShortcut, formFieldFocused
|
||
} from 'Common/Globals';
|
||
|
||
import { computedPaginatorHelper, showMessageComposer, populateMessageBody } from 'Common/UtilsUser';
|
||
import { FileInfo } from 'Common/File';
|
||
import { folderListOptionsBuilder, moveMessagesToFolder } from 'Common/Folders';
|
||
import { isFullscreen, toggleFullscreen } from 'Common/Fullscreen';
|
||
|
||
import { mailBox, serverRequest } from 'Common/Links';
|
||
import { Selector } from 'Common/Selector';
|
||
|
||
import { i18n, initOnStartOrLangChange } from 'Common/Translator';
|
||
|
||
import {
|
||
getFolderFromCacheList,
|
||
MessageFlagsCache,
|
||
hasRequestedMessage,
|
||
addRequestedMessage
|
||
} from 'Common/Cache';
|
||
|
||
import { AppUserStore } from 'Stores/User/App';
|
||
import { SettingsUserStore } from 'Stores/User/Settings';
|
||
import { FolderUserStore } from 'Stores/User/Folder';
|
||
import { MessageUserStore } from 'Stores/User/Message';
|
||
import { MessagelistUserStore } from 'Stores/User/Messagelist';
|
||
import { ThemeStore } from 'Stores/Theme';
|
||
|
||
import Remote from 'Remote/User/Fetch';
|
||
|
||
import { decorateKoCommands, showScreenPopup, arePopupsVisible } from 'Knoin/Knoin';
|
||
import { AbstractViewRight } from 'Knoin/AbstractViews';
|
||
|
||
import { FolderClearPopupView } from 'View/Popup/FolderClear';
|
||
import { AdvancedSearchPopupView } from 'View/Popup/AdvancedSearch';
|
||
|
||
import { MessageModel } from 'Model/Message';
|
||
|
||
const
|
||
canBeMovedHelper = () => MessagelistUserStore.hasCheckedOrSelected(),
|
||
|
||
/**
|
||
* @param {string} sFolderFullName
|
||
* @param {number} iSetAction
|
||
* @param {Array=} aMessages = null
|
||
* @returns {void}
|
||
*/
|
||
listAction = (...args) => MessagelistUserStore.setAction(...args);
|
||
|
||
export class MailMessageList extends AbstractViewRight {
|
||
constructor() {
|
||
super();
|
||
|
||
this.bPrefetch = false;
|
||
this.emptySubjectValue = '';
|
||
|
||
this.iGoToUpOrDownTimeout = 0;
|
||
|
||
this.newMoveToFolder = !!SettingsGet('NewMoveToFolder');
|
||
|
||
this.allowSearch = SettingsCapa('Search');
|
||
this.allowSearchAdv = SettingsCapa('SearchAdv');
|
||
this.allowDangerousActions = SettingsCapa('DangerousActions');
|
||
|
||
this.messageList = MessagelistUserStore;
|
||
|
||
this.composeInEdit = AppUserStore.composeInEdit;
|
||
|
||
this.isMobile = ThemeStore.isMobile;
|
||
this.leftPanelDisabled = leftPanelDisabled;
|
||
|
||
this.messageListSearch = MessagelistUserStore.listSearch;
|
||
this.messageListError = MessagelistUserStore.error;
|
||
|
||
this.popupVisibility = arePopupsVisible;
|
||
|
||
this.useCheckboxesInList = SettingsUserStore.useCheckboxesInList;
|
||
|
||
this.messageListThreadUid = MessagelistUserStore.endThreadUid;
|
||
|
||
this.messageListIsLoading = MessagelistUserStore.isLoading;
|
||
|
||
initOnStartOrLangChange(() => this.emptySubjectValue = i18n('MESSAGE_LIST/EMPTY_SUBJECT_TEXT'));
|
||
|
||
this.userUsageProc = FolderUserStore.quotaPercentage;
|
||
|
||
this.addObservables({
|
||
moveDropdownTrigger: false,
|
||
moreDropdownTrigger: false,
|
||
sortDropdownTrigger: false,
|
||
|
||
dragOverArea: null,
|
||
dragOverBodyArea: null,
|
||
|
||
inputMessageListSearchFocus: false
|
||
});
|
||
|
||
// append drag and drop
|
||
this.dragOver = ko.observable(false).extend({ throttle: 1 });
|
||
this.dragOverEnter = ko.observable(false).extend({ throttle: 1 });
|
||
|
||
this.sLastSearchValue = '';
|
||
|
||
this.addComputables({
|
||
|
||
sortSupported: () =>
|
||
FolderUserStore.hasCapability('SORT') | FolderUserStore.hasCapability('ESORT'),
|
||
|
||
folderMenuForMove: () =>
|
||
folderListOptionsBuilder(
|
||
[FolderUserStore.currentFolderFullName()],
|
||
[],
|
||
item => item ? item.localName() : ''
|
||
),
|
||
|
||
messageListSearchDesc: () => {
|
||
const value = MessagelistUserStore().Search;
|
||
return value ? i18n('MESSAGE_LIST/SEARCH_RESULT_FOR', { SEARCH: value }) : ''
|
||
},
|
||
|
||
messageListPaginator: computedPaginatorHelper(MessagelistUserStore.page,
|
||
MessagelistUserStore.pageCount),
|
||
|
||
checkAll: {
|
||
read: () => 0 < MessagelistUserStore.listChecked().length,
|
||
write: (value) => {
|
||
value = !!value;
|
||
MessagelistUserStore.forEach(message => message.checked(value));
|
||
}
|
||
},
|
||
|
||
inputProxyMessageListSearch: {
|
||
read: MessagelistUserStore.mainSearch,
|
||
write: value => this.sLastSearchValue = value
|
||
},
|
||
|
||
isIncompleteChecked: () => {
|
||
const c = MessagelistUserStore.listChecked().length;
|
||
return c && MessagelistUserStore().length > c;
|
||
},
|
||
|
||
hasMessages: () => 0 < MessagelistUserStore().length,
|
||
|
||
isSpamFolder: () => (FolderUserStore.spamFolder() || 0) === MessagelistUserStore().Folder,
|
||
|
||
isSpamDisabled: () => UNUSED_OPTION_VALUE === FolderUserStore.spamFolder(),
|
||
|
||
isTrashFolder: () => (FolderUserStore.trashFolder() || 0) === MessagelistUserStore().Folder,
|
||
|
||
isDraftFolder: () => (FolderUserStore.draftsFolder() || 0) === MessagelistUserStore().Folder,
|
||
|
||
isSentFolder: () => (FolderUserStore.sentFolder() || 0) === MessagelistUserStore().Folder,
|
||
|
||
isArchiveFolder: () => (FolderUserStore.archiveFolder() || 0) === MessagelistUserStore().Folder,
|
||
|
||
isArchiveDisabled: () => UNUSED_OPTION_VALUE === FolderUserStore.archiveFolder(),
|
||
|
||
isArchiveVisible: () => !this.isArchiveFolder() && !this.isArchiveDisabled() && !this.isDraftFolder(),
|
||
|
||
isSpamVisible: () =>
|
||
!this.isSpamFolder() && !this.isSpamDisabled() && !this.isDraftFolder() && !this.isSentFolder(),
|
||
|
||
isUnSpamVisible: () =>
|
||
this.isSpamFolder() && !this.isSpamDisabled() && !this.isDraftFolder() && !this.isSentFolder(),
|
||
|
||
mobileCheckedStateShow: () => ThemeStore.isMobile() ? 0 < MessagelistUserStore.listChecked().length : true,
|
||
|
||
mobileCheckedStateHide: () => ThemeStore.isMobile() ? !MessagelistUserStore.listChecked().length : true,
|
||
|
||
sortText: () => {
|
||
let mode = FolderUserStore.sortMode(),
|
||
desc = '' === mode || mode.includes('REVERSE');
|
||
mode = mode.split(/\s+/);
|
||
if (mode.includes('FROM')) {
|
||
return '@' + (desc ? '⬆' : '⬇');
|
||
}
|
||
if (mode.includes('SUBJECT')) {
|
||
return '𝐒' + (desc ? '⬆' : '⬇');
|
||
}
|
||
return (mode.includes('SIZE') ? '✉' : '📅') + (desc ? '⬇' : '⬆');
|
||
}
|
||
});
|
||
|
||
this.hasCheckedOrSelectedLines = MessagelistUserStore.hasCheckedOrSelected,
|
||
|
||
this.selector = new Selector(
|
||
MessagelistUserStore,
|
||
MessagelistUserStore.selectedMessage,
|
||
MessagelistUserStore.focusedMessage,
|
||
'.messageListItem .actionHandle',
|
||
'.messageListItem .checkboxMessage',
|
||
'.messageListItem.focused'
|
||
);
|
||
|
||
this.selector.on('ItemSelect', message => {
|
||
if (message) {
|
||
MessageUserStore.message(MessageModel.fromMessageListItem(message));
|
||
populateMessageBody(MessageUserStore.message());
|
||
} else {
|
||
MessageUserStore.message(null);
|
||
}
|
||
});
|
||
|
||
this.selector.on('MiddleClick', message => populateMessageBody(message, true));
|
||
|
||
this.selector.on('ItemGetUid', message => (message ? message.generateUid() : ''));
|
||
|
||
this.selector.on('AutoSelect', () => this.useAutoSelect());
|
||
|
||
this.selector.on('UpOrDown', v => this.goToUpOrDown(v));
|
||
|
||
addEventListener('mailbox.message-list.selector.go-down',
|
||
e => this.selector.newSelectPosition('ArrowDown', false, e.detail)
|
||
);
|
||
|
||
addEventListener('mailbox.message-list.selector.go-up',
|
||
e => this.selector.newSelectPosition('ArrowUp', false, e.detail)
|
||
);
|
||
|
||
addEventListener('mailbox.message.show', e => {
|
||
const sFolder = e.detail.Folder, iUid = e.detail.Uid;
|
||
|
||
const message = MessagelistUserStore.find(
|
||
item => item && sFolder === item.folder && iUid == item.uid
|
||
);
|
||
|
||
if ('INBOX' === sFolder) {
|
||
hasher.setHash(mailBox(sFolder));
|
||
}
|
||
|
||
if (message) {
|
||
this.selector.selectMessageItem(message);
|
||
} else {
|
||
if ('INBOX' !== sFolder) {
|
||
hasher.setHash(mailBox(sFolder));
|
||
}
|
||
if (sFolder && iUid) {
|
||
MessageUserStore.message(MessageModel.fromMessageListItem(null));
|
||
MessageUserStore.message().folder = sFolder;
|
||
MessageUserStore.message().uid = iUid;
|
||
|
||
populateMessageBody(MessageUserStore.message());
|
||
} else {
|
||
MessageUserStore.message(null);
|
||
}
|
||
}
|
||
});
|
||
|
||
MessagelistUserStore.endHash.subscribe((() =>
|
||
this.selector.scrollToFocused()
|
||
).throttle(50));
|
||
|
||
decorateKoCommands(this, {
|
||
multyForwardCommand: canBeMovedHelper,
|
||
deleteWithoutMoveCommand: canBeMovedHelper,
|
||
deleteCommand: canBeMovedHelper,
|
||
archiveCommand: canBeMovedHelper,
|
||
spamCommand: canBeMovedHelper,
|
||
notSpamCommand: canBeMovedHelper,
|
||
moveCommand: canBeMovedHelper,
|
||
moveNewCommand: canBeMovedHelper,
|
||
});
|
||
}
|
||
|
||
changeSort(self, event) {
|
||
FolderUserStore.sortMode(event.target.closest('li').dataset.sort);
|
||
this.reload();
|
||
}
|
||
|
||
clear() {
|
||
if (SettingsCapa('DangerousActions')) {
|
||
showScreenPopup(FolderClearPopupView, [FolderUserStore.currentFolder()]);
|
||
}
|
||
}
|
||
|
||
reload() {
|
||
if (!MessagelistUserStore.isLoading()) {
|
||
MessagelistUserStore.reload(false, true);
|
||
}
|
||
}
|
||
|
||
multyForwardCommand() {
|
||
showMessageComposer([
|
||
ComposeType.ForwardAsAttachment,
|
||
MessagelistUserStore.listCheckedOrSelected()
|
||
]);
|
||
}
|
||
|
||
deleteWithoutMoveCommand() {
|
||
if (SettingsCapa('DangerousActions')) {
|
||
rl.app.deleteMessagesFromFolder(
|
||
FolderType.Trash,
|
||
FolderUserStore.currentFolderFullName(),
|
||
MessagelistUserStore.listCheckedOrSelectedUidsWithSubMails(),
|
||
false
|
||
);
|
||
}
|
||
}
|
||
|
||
deleteCommand() {
|
||
rl.app.deleteMessagesFromFolder(
|
||
FolderType.Trash,
|
||
FolderUserStore.currentFolderFullName(),
|
||
MessagelistUserStore.listCheckedOrSelectedUidsWithSubMails(),
|
||
true
|
||
);
|
||
}
|
||
|
||
archiveCommand() {
|
||
rl.app.deleteMessagesFromFolder(
|
||
FolderType.Archive,
|
||
FolderUserStore.currentFolderFullName(),
|
||
MessagelistUserStore.listCheckedOrSelectedUidsWithSubMails(),
|
||
true
|
||
);
|
||
}
|
||
|
||
spamCommand() {
|
||
rl.app.deleteMessagesFromFolder(
|
||
FolderType.Spam,
|
||
FolderUserStore.currentFolderFullName(),
|
||
MessagelistUserStore.listCheckedOrSelectedUidsWithSubMails(),
|
||
true
|
||
);
|
||
}
|
||
|
||
notSpamCommand() {
|
||
rl.app.deleteMessagesFromFolder(
|
||
FolderType.NotSpam,
|
||
FolderUserStore.currentFolderFullName(),
|
||
MessagelistUserStore.listCheckedOrSelectedUidsWithSubMails(),
|
||
true
|
||
);
|
||
}
|
||
|
||
moveCommand() {}
|
||
|
||
moveNewCommand(vm, event) {
|
||
if (this.newMoveToFolder && this.mobileCheckedStateShow()) {
|
||
if (vm && event && event.preventDefault) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
}
|
||
|
||
let b = moveAction();
|
||
AppUserStore.focusedState(b ? Scope.MessageList : Scope.FolderList);
|
||
moveAction(!b);
|
||
}
|
||
}
|
||
|
||
composeClick() {
|
||
showMessageComposer();
|
||
}
|
||
|
||
goToUpOrDown(up) {
|
||
if (MessagelistUserStore.listChecked().length) {
|
||
return false;
|
||
}
|
||
|
||
clearTimeout(this.iGoToUpOrDownTimeout);
|
||
this.iGoToUpOrDownTimeout = setTimeout(() => {
|
||
let prev, next, temp, current;
|
||
|
||
this.messageListPaginator().find(item => {
|
||
if (item) {
|
||
if (current) {
|
||
next = item;
|
||
}
|
||
|
||
if (item.current) {
|
||
current = item;
|
||
prev = temp;
|
||
}
|
||
|
||
if (next) {
|
||
return true;
|
||
}
|
||
|
||
temp = item;
|
||
}
|
||
|
||
return false;
|
||
});
|
||
|
||
if (!SettingsUserStore.usePreviewPane() && !MessageUserStore.message()) {
|
||
this.selector.iFocusedNextHelper = up ? -1 : 1;
|
||
} else {
|
||
this.selector.iSelectNextHelper = up ? -1 : 1;
|
||
}
|
||
|
||
if (up ? prev : next) {
|
||
this.selector.unselect();
|
||
this.gotoPage(up ? prev : next);
|
||
}
|
||
}, 350);
|
||
|
||
return true;
|
||
}
|
||
|
||
useAutoSelect() {
|
||
return !MessagelistUserStore.disableAutoSelect()
|
||
&& !/is:unseen/.test(MessagelistUserStore.mainSearch())
|
||
&& SettingsUserStore.usePreviewPane();
|
||
}
|
||
|
||
cancelSearch() {
|
||
MessagelistUserStore.mainSearch('');
|
||
this.inputMessageListSearchFocus(false);
|
||
}
|
||
|
||
cancelThreadUid() {
|
||
// history.go(-1) better?
|
||
hasher.setHash(
|
||
mailBox(
|
||
FolderUserStore.currentFolderFullNameHash(),
|
||
MessagelistUserStore.pageBeforeThread(),
|
||
MessagelistUserStore.listSearch()
|
||
)
|
||
);
|
||
}
|
||
|
||
/**
|
||
* @param {string} sToFolderFullName
|
||
* @param {boolean} bCopy
|
||
* @returns {boolean}
|
||
*/
|
||
moveSelectedMessagesToFolder(sToFolderFullName, bCopy) {
|
||
if (MessagelistUserStore.hasCheckedOrSelected()) {
|
||
moveMessagesToFolder(
|
||
FolderUserStore.currentFolderFullName(),
|
||
MessagelistUserStore.listCheckedOrSelectedUidsWithSubMails(),
|
||
sToFolderFullName,
|
||
bCopy
|
||
);
|
||
}
|
||
|
||
return false;
|
||
}
|
||
|
||
getDragData(event) {
|
||
const item = ko.dataFor(doc.elementFromPoint(event.clientX, event.clientY));
|
||
item && item.checked && item.checked(true);
|
||
const uids = MessagelistUserStore.listCheckedOrSelectedUidsWithSubMails();
|
||
item && !uids.includes(item.uid) && uids.push(item.uid);
|
||
return uids.length ? {
|
||
copy: event.ctrlKey,
|
||
folder: FolderUserStore.currentFolderFullName(),
|
||
uids: uids
|
||
} : null;
|
||
}
|
||
|
||
listSetSeen() {
|
||
listAction(
|
||
FolderUserStore.currentFolderFullName(),
|
||
MessageSetAction.SetSeen,
|
||
MessagelistUserStore.listCheckedOrSelected()
|
||
);
|
||
}
|
||
|
||
listSetAllSeen() {
|
||
let sFolderFullName = FolderUserStore.currentFolderFullName(),
|
||
iThreadUid = MessagelistUserStore.endThreadUid();
|
||
if (sFolderFullName) {
|
||
let cnt = 0;
|
||
const uids = [];
|
||
|
||
let folder = getFolderFromCacheList(sFolderFullName);
|
||
if (folder) {
|
||
MessagelistUserStore.forEach(message => {
|
||
if (message.isUnseen()) {
|
||
++cnt;
|
||
}
|
||
|
||
message.flags.push('\\seen');
|
||
// message.flags.valueHasMutated();
|
||
iThreadUid && uids.push(message.uid);
|
||
});
|
||
|
||
if (iThreadUid) {
|
||
folder.messageCountUnread(Math.max(0, folder.messageCountUnread() - cnt));
|
||
} else {
|
||
folder.messageCountUnread(0);
|
||
}
|
||
|
||
MessageFlagsCache.clearFolder(sFolderFullName);
|
||
|
||
Remote.request('MessageSetSeenToAll', null, {
|
||
Folder: sFolderFullName,
|
||
SetAction: 1,
|
||
ThreadUids: uids.join(',')
|
||
});
|
||
|
||
MessagelistUserStore.reloadFlagsAndCachedMessage();
|
||
}
|
||
}
|
||
}
|
||
|
||
listUnsetSeen() {
|
||
listAction(
|
||
FolderUserStore.currentFolderFullName(),
|
||
MessageSetAction.UnsetSeen,
|
||
MessagelistUserStore.listCheckedOrSelected()
|
||
);
|
||
}
|
||
|
||
listSetFlags() {
|
||
listAction(
|
||
FolderUserStore.currentFolderFullName(),
|
||
MessageSetAction.SetFlag,
|
||
MessagelistUserStore.listCheckedOrSelected()
|
||
);
|
||
}
|
||
|
||
listUnsetFlags() {
|
||
listAction(
|
||
FolderUserStore.currentFolderFullName(),
|
||
MessageSetAction.UnsetFlag,
|
||
MessagelistUserStore.listCheckedOrSelected()
|
||
);
|
||
}
|
||
|
||
flagMessages(currentMessage) {
|
||
const checked = MessagelistUserStore.listCheckedOrSelected();
|
||
if (currentMessage) {
|
||
const checkedUids = checked.map(message => message.uid);
|
||
if (checkedUids.includes(currentMessage.uid)) {
|
||
listAction(
|
||
currentMessage.folder,
|
||
currentMessage.isFlagged() ? MessageSetAction.UnsetFlag : MessageSetAction.SetFlag,
|
||
checked
|
||
);
|
||
} else {
|
||
listAction(
|
||
currentMessage.folder,
|
||
currentMessage.isFlagged() ? MessageSetAction.UnsetFlag : MessageSetAction.SetFlag,
|
||
[currentMessage]
|
||
);
|
||
}
|
||
}
|
||
}
|
||
|
||
flagMessagesFast(bFlag) {
|
||
const checked = MessagelistUserStore.listCheckedOrSelected();
|
||
if (checked.length) {
|
||
if (undefined === bFlag) {
|
||
const flagged = checked.filter(message => message.isFlagged());
|
||
listAction(
|
||
checked[0].folder,
|
||
checked.length === flagged.length ? MessageSetAction.UnsetFlag : MessageSetAction.SetFlag,
|
||
checked
|
||
);
|
||
} else {
|
||
listAction(
|
||
checked[0].folder,
|
||
!bFlag ? MessageSetAction.UnsetFlag : MessageSetAction.SetFlag,
|
||
checked
|
||
);
|
||
}
|
||
}
|
||
}
|
||
|
||
seenMessagesFast(seen) {
|
||
const checked = MessagelistUserStore.listCheckedOrSelected();
|
||
if (checked.length && null != seen) {
|
||
listAction(
|
||
checked[0].folder,
|
||
seen ? MessageSetAction.SetSeen : MessageSetAction.UnsetSeen,
|
||
checked
|
||
);
|
||
}
|
||
}
|
||
|
||
gotoPage(page) {
|
||
page && hasher.setHash(
|
||
mailBox(
|
||
FolderUserStore.currentFolderFullNameHash(),
|
||
page.value,
|
||
MessagelistUserStore.listSearch(),
|
||
MessagelistUserStore.threadUid()
|
||
)
|
||
);
|
||
}
|
||
|
||
gotoThread(message) {
|
||
if (message && 0 < message.threadsLen()) {
|
||
MessagelistUserStore.pageBeforeThread(MessagelistUserStore.page());
|
||
|
||
hasher.setHash(
|
||
mailBox(FolderUserStore.currentFolderFullNameHash(), 1, MessagelistUserStore.listSearch(), message.uid)
|
||
);
|
||
}
|
||
}
|
||
|
||
listEmptyMessage() {
|
||
if (!this.dragOver()
|
||
&& !MessagelistUserStore().length
|
||
&& !MessagelistUserStore.isLoading()
|
||
&& !MessagelistUserStore.error()) {
|
||
return i18n('MESSAGE_LIST/EMPTY_' + (MessagelistUserStore.listSearch() ? 'SEARCH_' : '') + 'LIST');
|
||
}
|
||
return '';
|
||
}
|
||
|
||
clearListIsVisible() {
|
||
return (
|
||
!this.messageListSearchDesc() &&
|
||
!MessagelistUserStore.error() &&
|
||
!MessagelistUserStore.endThreadUid() &&
|
||
MessagelistUserStore().length &&
|
||
(this.isSpamFolder() || this.isTrashFolder())
|
||
);
|
||
}
|
||
|
||
onBuild(dom) {
|
||
const eqs = (ev, s) => ev.target.closestWithin(s, dom);
|
||
|
||
this.selector.init(dom.querySelector('.b-content'), Scope.MessageList);
|
||
|
||
addEventsListeners(dom, {
|
||
click: event => {
|
||
ThemeStore.isMobile() && !eqs(event, '.toggleLeft') && leftPanelDisabled(true);
|
||
|
||
if (eqs(event, '.messageList') && Scope.MessageView === AppUserStore.focusedState()) {
|
||
AppUserStore.focusedState(Scope.MessageList);
|
||
}
|
||
|
||
let el = eqs(event, '.e-paginator a');
|
||
el && this.gotoPage(ko.dataFor(el));
|
||
|
||
eqs(event, '.checkboxCheckAll') && this.checkAll(!this.checkAll());
|
||
|
||
el = eqs(event, '.flagParent');
|
||
el && this.flagMessages(ko.dataFor(el));
|
||
|
||
el = eqs(event, '.threads-len');
|
||
el && this.gotoThread(ko.dataFor(el));
|
||
},
|
||
dblclick: event => {
|
||
let el = eqs(event, '.actionHandle');
|
||
el && this.gotoThread(ko.dataFor(el));
|
||
}
|
||
});
|
||
|
||
// initUploaderForAppend
|
||
|
||
if (Settings.app('allowAppendMessage') && this.dragOverArea()) {
|
||
const oJua = new Jua({
|
||
action: serverRequest('Append'),
|
||
name: 'AppendFile',
|
||
limit: 1,
|
||
hidden: {
|
||
Folder: () => FolderUserStore.currentFolderFullName()
|
||
},
|
||
dragAndDropElement: this.dragOverArea(),
|
||
dragAndDropBodyElement: this.dragOverBodyArea()
|
||
});
|
||
|
||
this.dragOver.subscribe(value => value && this.selector.scrollToTop());
|
||
|
||
oJua
|
||
.on('onDragEnter', () => this.dragOverEnter(true))
|
||
.on('onDragLeave', () => this.dragOverEnter(false))
|
||
.on('onBodyDragEnter', () => this.dragOver(true))
|
||
.on('onBodyDragLeave', () => this.dragOver(false))
|
||
.on('onSelect', (sUid, oData) => {
|
||
if (sUid && oData && 'message/rfc822' === oData.Type) {
|
||
MessagelistUserStore.loading(true);
|
||
return true;
|
||
}
|
||
|
||
return false;
|
||
})
|
||
.on('onComplete', () => MessagelistUserStore.reload(true, true));
|
||
}
|
||
|
||
// initShortcuts
|
||
|
||
addShortcut('enter,open', '', Scope.MessageList, () => {
|
||
if (formFieldFocused()) {
|
||
MessagelistUserStore.mainSearch(this.sLastSearchValue);
|
||
return false;
|
||
}
|
||
if (MessageUserStore.message() && this.useAutoSelect()) {
|
||
isFullscreen() || toggleFullscreen();
|
||
return false;
|
||
}
|
||
});
|
||
|
||
// archive (zip)
|
||
registerShortcut('z', '', [Scope.MessageList, Scope.MessageView], () => {
|
||
this.archiveCommand();
|
||
return false;
|
||
});
|
||
|
||
// delete
|
||
registerShortcut('delete', 'shift', Scope.MessageList, () => {
|
||
MessagelistUserStore.listCheckedOrSelected().length && this.deleteWithoutMoveCommand();
|
||
return false;
|
||
});
|
||
// registerShortcut('3', 'shift', Scope.MessageList, () => {
|
||
registerShortcut('delete', '', Scope.MessageList, () => {
|
||
MessagelistUserStore.listCheckedOrSelected().length && this.deleteCommand();
|
||
return false;
|
||
});
|
||
|
||
// check mail
|
||
addShortcut('r', 'meta', [Scope.FolderList, Scope.MessageList, Scope.MessageView], () => {
|
||
this.reload();
|
||
return false;
|
||
});
|
||
|
||
// check all
|
||
registerShortcut('a', 'meta', Scope.MessageList, () => {
|
||
this.checkAll(!(this.checkAll() && !this.isIncompleteChecked()));
|
||
return false;
|
||
});
|
||
|
||
// write/compose (open compose popup)
|
||
registerShortcut('w,c,new', '', [Scope.MessageList, Scope.MessageView], () => {
|
||
showMessageComposer();
|
||
return false;
|
||
});
|
||
|
||
// important - star/flag messages
|
||
registerShortcut('i', '', [Scope.MessageList, Scope.MessageView], () => {
|
||
this.flagMessagesFast();
|
||
return false;
|
||
});
|
||
|
||
registerShortcut('t', '', [Scope.MessageList], () => {
|
||
let message = MessagelistUserStore.selectedMessage();
|
||
if (!message) {
|
||
message = MessagelistUserStore.focusedMessage();
|
||
}
|
||
|
||
if (message && 0 < message.threadsLen()) {
|
||
this.gotoThread(message);
|
||
}
|
||
|
||
return false;
|
||
});
|
||
|
||
// move
|
||
registerShortcut('insert', '', Scope.MessageList, () => {
|
||
if (this.newMoveToFolder) {
|
||
this.moveNewCommand();
|
||
} else {
|
||
this.moveDropdownTrigger(true);
|
||
}
|
||
|
||
return false;
|
||
});
|
||
|
||
// read
|
||
registerShortcut('q', '', [Scope.MessageList, Scope.MessageView], () => {
|
||
this.seenMessagesFast(true);
|
||
return false;
|
||
});
|
||
|
||
// unread
|
||
registerShortcut('u', '', [Scope.MessageList, Scope.MessageView], () => {
|
||
this.seenMessagesFast(false);
|
||
return false;
|
||
});
|
||
|
||
addShortcut('f,mailforward', 'shift', [Scope.MessageList, Scope.MessageView], () => {
|
||
this.multyForwardCommand();
|
||
return false;
|
||
});
|
||
|
||
if (SettingsCapa('Search')) {
|
||
// search input focus
|
||
addShortcut('/', '', [Scope.MessageList, Scope.MessageView], () => {
|
||
this.inputMessageListSearchFocus(true);
|
||
return false;
|
||
});
|
||
}
|
||
|
||
// cancel search
|
||
addShortcut('escape', '', Scope.MessageList, () => {
|
||
if (this.messageListSearchDesc()) {
|
||
this.cancelSearch();
|
||
return false;
|
||
} else if (MessagelistUserStore.endThreadUid()) {
|
||
this.cancelThreadUid();
|
||
return false;
|
||
}
|
||
});
|
||
|
||
// change focused state
|
||
addShortcut('tab', 'shift', Scope.MessageList, () => {
|
||
AppUserStore.focusedState(Scope.FolderList);
|
||
return false;
|
||
});
|
||
addShortcut('arrowleft', '', Scope.MessageList, () => {
|
||
AppUserStore.focusedState(Scope.FolderList);
|
||
return false;
|
||
});
|
||
addShortcut('tab,arrowright', '', Scope.MessageList, () => {
|
||
if (MessageUserStore.message()){
|
||
AppUserStore.focusedState(Scope.MessageView);
|
||
return false;
|
||
}
|
||
});
|
||
|
||
addShortcut('arrowleft', 'meta', Scope.MessageView, ()=>false);
|
||
addShortcut('arrowright', 'meta', Scope.MessageView, ()=>false);
|
||
|
||
addShortcut('f', 'meta', Scope.MessageList, ()=>this.advancedSearchClick());
|
||
|
||
if (!ThemeStore.isMobile() && SettingsCapa('Prefetch')) {
|
||
ifvisible.idle(this.prefetchNextTick.bind(this));
|
||
}
|
||
}
|
||
|
||
prefetchNextTick() {
|
||
if (!this.bPrefetch && !ifvisible.now() && !this.viewModelDom.hidden) {
|
||
const message = MessagelistUserStore.find(
|
||
item => item && !hasRequestedMessage(item.folder, item.uid)
|
||
);
|
||
if (message) {
|
||
this.bPrefetch = true;
|
||
|
||
addRequestedMessage(message.folder, message.uid);
|
||
|
||
Remote.message(
|
||
iError => {
|
||
const next = !iError;
|
||
setTimeout(() => {
|
||
this.bPrefetch = false;
|
||
next && this.prefetchNextTick();
|
||
}, 1000);
|
||
},
|
||
message.folder,
|
||
message.uid
|
||
);
|
||
}
|
||
}
|
||
}
|
||
|
||
advancedSearchClick() {
|
||
SettingsCapa('SearchAdv')
|
||
&& showScreenPopup(AdvancedSearchPopupView, [MessagelistUserStore.mainSearch()]);
|
||
}
|
||
|
||
quotaTooltip() {
|
||
return i18n('MESSAGE_LIST/QUOTA_SIZE', {
|
||
SIZE: FileInfo.friendlySize(FolderUserStore.quotaUsage()),
|
||
PROC: FolderUserStore.quotaPercentage(),
|
||
LIMIT: FileInfo.friendlySize(FolderUserStore.quotaLimit())
|
||
}).replace(/<[^>]+>/g, '');
|
||
}
|
||
}
|