mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-21 16:06:01 +08:00
946 lines
26 KiB
JavaScript
946 lines
26 KiB
JavaScript
|
|
(function () {
|
|
|
|
'use strict';
|
|
|
|
var
|
|
_ = require('_'),
|
|
$ = require('$'),
|
|
ko = require('ko'),
|
|
key = require('key'),
|
|
Jua = require('Jua'),
|
|
ifvisible = require('ifvisible'),
|
|
|
|
Enums = require('Common/Enums'),
|
|
Consts = require('Common/Consts'),
|
|
Globals = require('Common/Globals'),
|
|
Utils = require('Common/Utils'),
|
|
Links = require('Common/Links'),
|
|
Events = require('Common/Events'),
|
|
Selector = require('Common/Selector'),
|
|
Translator = require('Common/Translator'),
|
|
|
|
QuotaStore = require('Stores/User/Quota'),
|
|
SettingsStore = require('Stores/User/Settings'),
|
|
FolderStore = require('Stores/User/Folder'),
|
|
|
|
Settings = require('Storage/Settings'),
|
|
Cache = require('Storage/User/Cache'),
|
|
Data = require('Storage/User/Data'),
|
|
Remote = require('Storage/User/Remote'),
|
|
|
|
kn = require('Knoin/Knoin'),
|
|
AbstractView = require('Knoin/AbstractView')
|
|
;
|
|
|
|
/**
|
|
* @constructor
|
|
* @extends AbstractView
|
|
*/
|
|
function MessageListMailBoxUserView()
|
|
{
|
|
AbstractView.call(this, 'Right', 'MailMessageList');
|
|
|
|
this.sLastUid = null;
|
|
this.bPrefetch = false;
|
|
this.emptySubjectValue = '';
|
|
|
|
this.hideDangerousActions = !!Settings.settingsGet('HideDangerousActions');
|
|
|
|
this.popupVisibility = Globals.popupVisibility;
|
|
|
|
this.message = Data.message;
|
|
this.messageList = Data.messageList;
|
|
this.folderList = Data.folderList;
|
|
this.currentMessage = Data.currentMessage;
|
|
this.isMessageSelected = Data.isMessageSelected;
|
|
this.messageListSearch = Data.messageListSearch;
|
|
this.messageListError = Data.messageListError;
|
|
this.folderMenuForMove = Data.folderMenuForMove;
|
|
|
|
this.useCheckboxesInList = SettingsStore.useCheckboxesInList;
|
|
|
|
this.mainMessageListSearch = Data.mainMessageListSearch;
|
|
this.messageListEndFolder = Data.messageListEndFolder;
|
|
|
|
this.messageListChecked = Data.messageListChecked;
|
|
this.messageListCheckedOrSelected = Data.messageListCheckedOrSelected;
|
|
this.messageListCheckedOrSelectedUidsWithSubMails = Data.messageListCheckedOrSelectedUidsWithSubMails;
|
|
this.messageListCompleteLoadingThrottle = Data.messageListCompleteLoadingThrottle;
|
|
|
|
Translator.initOnStartOrLangChange(function () {
|
|
this.emptySubjectValue = Translator.i18n('MESSAGE_LIST/EMPTY_SUBJECT_TEXT');
|
|
}, this);
|
|
|
|
this.userQuota = QuotaStore.quota;
|
|
this.userUsageSize = QuotaStore.usage;
|
|
this.userUsageProc = QuotaStore.percentage;
|
|
|
|
this.moveDropdownTrigger = ko.observable(false);
|
|
this.moreDropdownTrigger = ko.observable(false);
|
|
|
|
// append drag and drop
|
|
this.dragOver = ko.observable(false).extend({'throttle': 1});
|
|
this.dragOverEnter = ko.observable(false).extend({'throttle': 1});
|
|
this.dragOverArea = ko.observable(null);
|
|
this.dragOverBodyArea = ko.observable(null);
|
|
|
|
this.messageListItemTemplate = ko.computed(function () {
|
|
return Enums.Layout.SidePreview === SettingsStore.layout() ?
|
|
'MailMessageListItem' : 'MailMessageListItemNoPreviewPane';
|
|
});
|
|
|
|
this.messageListSearchDesc = ko.computed(function () {
|
|
var sValue = Data.messageListEndSearch();
|
|
return '' === sValue ? '' : Translator.i18n('MESSAGE_LIST/SEARCH_RESULT_FOR', {'SEARCH': sValue});
|
|
});
|
|
|
|
this.messageListPagenator = ko.computed(Utils.computedPagenatorHelper(Data.messageListPage, Data.messageListPageCount));
|
|
|
|
this.checkAll = ko.computed({
|
|
'read': function () {
|
|
return 0 < Data.messageListChecked().length;
|
|
},
|
|
|
|
'write': function (bValue) {
|
|
bValue = !!bValue;
|
|
_.each(Data.messageList(), function (oMessage) {
|
|
oMessage.checked(bValue);
|
|
});
|
|
}
|
|
});
|
|
|
|
this.inputMessageListSearchFocus = ko.observable(false);
|
|
|
|
this.sLastSearchValue = '';
|
|
this.inputProxyMessageListSearch = ko.computed({
|
|
'read': this.mainMessageListSearch,
|
|
'write': function (sValue) {
|
|
this.sLastSearchValue = sValue;
|
|
},
|
|
'owner': this
|
|
});
|
|
|
|
this.isIncompleteChecked = ko.computed(function () {
|
|
var
|
|
iM = Data.messageList().length,
|
|
iC = Data.messageListChecked().length
|
|
;
|
|
return 0 < iM && 0 < iC && iM > iC;
|
|
}, this);
|
|
|
|
this.hasMessages = ko.computed(function () {
|
|
return 0 < this.messageList().length;
|
|
}, this);
|
|
|
|
this.hasCheckedOrSelectedLines = ko.computed(function () {
|
|
return 0 < this.messageListCheckedOrSelected().length;
|
|
}, this);
|
|
|
|
this.isSpamFolder = ko.computed(function () {
|
|
return FolderStore.spamFolder() === this.messageListEndFolder() &&
|
|
'' !== FolderStore.spamFolder();
|
|
}, this);
|
|
|
|
this.isSpamDisabled = ko.computed(function () {
|
|
return Consts.Values.UnuseOptionValue === FolderStore.spamFolder();
|
|
}, this);
|
|
|
|
this.isTrashFolder = ko.computed(function () {
|
|
return FolderStore.trashFolder() === this.messageListEndFolder() &&
|
|
'' !== FolderStore.trashFolder();
|
|
}, this);
|
|
|
|
this.isDraftFolder = ko.computed(function () {
|
|
return FolderStore.draftFolder() === this.messageListEndFolder() &&
|
|
'' !== FolderStore.draftFolder();
|
|
}, this);
|
|
|
|
this.isSentFolder = ko.computed(function () {
|
|
return FolderStore.sentFolder() === this.messageListEndFolder() &&
|
|
'' !== FolderStore.sentFolder();
|
|
}, this);
|
|
|
|
this.isArchiveFolder = ko.computed(function () {
|
|
return FolderStore.archiveFolder() === this.messageListEndFolder() &&
|
|
'' !== FolderStore.archiveFolder();
|
|
}, this);
|
|
|
|
this.isArchiveDisabled = ko.computed(function () {
|
|
return Consts.Values.UnuseOptionValue === FolderStore.archiveFolder();
|
|
}, this);
|
|
|
|
this.canBeMoved = this.hasCheckedOrSelectedLines;
|
|
|
|
this.clearCommand = Utils.createCommand(this, function () {
|
|
kn.showScreenPopup(require('View/Popup/FolderClear'), [Data.currentFolder()]);
|
|
});
|
|
|
|
this.multyForwardCommand = Utils.createCommand(this, function () {
|
|
kn.showScreenPopup(require('View/Popup/Compose'), [
|
|
Enums.ComposeType.ForwardAsAttachment, Data.messageListCheckedOrSelected()]);
|
|
}, this.canBeMoved);
|
|
|
|
this.deleteWithoutMoveCommand = Utils.createCommand(this, function () {
|
|
require('App/User').deleteMessagesFromFolder(Enums.FolderType.Trash,
|
|
Data.currentFolderFullNameRaw(),
|
|
Data.messageListCheckedOrSelectedUidsWithSubMails(), false);
|
|
}, this.canBeMoved);
|
|
|
|
this.deleteCommand = Utils.createCommand(this, function () {
|
|
require('App/User').deleteMessagesFromFolder(Enums.FolderType.Trash,
|
|
Data.currentFolderFullNameRaw(),
|
|
Data.messageListCheckedOrSelectedUidsWithSubMails(), true);
|
|
}, this.canBeMoved);
|
|
|
|
this.archiveCommand = Utils.createCommand(this, function () {
|
|
require('App/User').deleteMessagesFromFolder(Enums.FolderType.Archive,
|
|
Data.currentFolderFullNameRaw(),
|
|
Data.messageListCheckedOrSelectedUidsWithSubMails(), true);
|
|
}, this.canBeMoved);
|
|
|
|
this.spamCommand = Utils.createCommand(this, function () {
|
|
require('App/User').deleteMessagesFromFolder(Enums.FolderType.Spam,
|
|
Data.currentFolderFullNameRaw(),
|
|
Data.messageListCheckedOrSelectedUidsWithSubMails(), true);
|
|
}, this.canBeMoved);
|
|
|
|
this.notSpamCommand = Utils.createCommand(this, function () {
|
|
require('App/User').deleteMessagesFromFolder(Enums.FolderType.NotSpam,
|
|
Data.currentFolderFullNameRaw(),
|
|
Data.messageListCheckedOrSelectedUidsWithSubMails(), true);
|
|
}, this.canBeMoved);
|
|
|
|
this.moveCommand = Utils.createCommand(this, Utils.emptyFunction, this.canBeMoved);
|
|
|
|
this.reloadCommand = Utils.createCommand(this, function () {
|
|
if (!Data.messageListCompleteLoadingThrottle())
|
|
{
|
|
require('App/User').reloadMessageList(false, true);
|
|
}
|
|
});
|
|
|
|
this.quotaTooltip = _.bind(this.quotaTooltip, this);
|
|
|
|
this.selector = new Selector(this.messageList, this.currentMessage,
|
|
'.messageListItem .actionHandle', '.messageListItem.selected', '.messageListItem .checkboxMessage',
|
|
'.messageListItem.focused');
|
|
|
|
this.selector.on('onItemSelect', _.bind(function (oMessage) {
|
|
if (oMessage)
|
|
{
|
|
Data.message(Data.staticMessageList.populateByMessageListItem(oMessage));
|
|
this.populateMessageBody(Data.message());
|
|
|
|
if (Enums.Layout.NoPreview === SettingsStore.layout())
|
|
{
|
|
kn.setHash(Links.messagePreview(), true);
|
|
Data.message.focused(true);
|
|
}
|
|
}
|
|
else
|
|
{
|
|
Data.message(null);
|
|
}
|
|
}, this));
|
|
|
|
this.selector.on('onItemGetUid', function (oMessage) {
|
|
return oMessage ? oMessage.generateUid() : '';
|
|
});
|
|
|
|
Data.messageListEndHash.subscribe(function () {
|
|
this.selector.scrollToTop();
|
|
}, this);
|
|
|
|
SettingsStore.layout.subscribe(function (mValue) {
|
|
this.selector.autoSelect(Enums.Layout.NoPreview !== mValue);
|
|
}, this);
|
|
|
|
SettingsStore.layout.valueHasMutated();
|
|
|
|
Events
|
|
.sub('mailbox.message-list.selector.go-down', function () {
|
|
this.selector.goDown(true);
|
|
}, this)
|
|
.sub('mailbox.message-list.selector.go-up', function () {
|
|
this.selector.goUp(true);
|
|
}, this)
|
|
;
|
|
|
|
kn.constructorEnd(this);
|
|
}
|
|
|
|
kn.extendAsViewModel(['View/User/MailBox/MessageList', 'View/App/MailBox/MessageList', 'MailBoxMessageListViewModel'], MessageListMailBoxUserView);
|
|
_.extend(MessageListMailBoxUserView.prototype, AbstractView.prototype);
|
|
|
|
/**
|
|
* @type {string}
|
|
*/
|
|
MessageListMailBoxUserView.prototype.emptySubjectValue = '';
|
|
|
|
MessageListMailBoxUserView.prototype.searchEnterAction = function ()
|
|
{
|
|
this.mainMessageListSearch(this.sLastSearchValue);
|
|
this.inputMessageListSearchFocus(false);
|
|
};
|
|
|
|
/**
|
|
* @returns {string}
|
|
*/
|
|
MessageListMailBoxUserView.prototype.printableMessageCountForDeletion = function ()
|
|
{
|
|
var iCnt = this.messageListCheckedOrSelectedUidsWithSubMails().length;
|
|
return 1 < iCnt ? ' (' + (100 > iCnt ? iCnt : '99+') + ')' : '';
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.cancelSearch = function ()
|
|
{
|
|
this.mainMessageListSearch('');
|
|
this.inputMessageListSearchFocus(false);
|
|
};
|
|
|
|
/**
|
|
* @param {string} sToFolderFullNameRaw
|
|
* @param {boolean} bCopy
|
|
* @return {boolean}
|
|
*/
|
|
MessageListMailBoxUserView.prototype.moveSelectedMessagesToFolder = function (sToFolderFullNameRaw, bCopy)
|
|
{
|
|
if (this.canBeMoved())
|
|
{
|
|
require('App/User').moveMessagesToFolder(
|
|
Data.currentFolderFullNameRaw(),
|
|
Data.messageListCheckedOrSelectedUidsWithSubMails(), sToFolderFullNameRaw, bCopy);
|
|
}
|
|
|
|
return false;
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.dragAndDronHelper = function (oMessageListItem)
|
|
{
|
|
if (oMessageListItem)
|
|
{
|
|
oMessageListItem.checked(true);
|
|
}
|
|
|
|
var
|
|
oEl = Utils.draggablePlace(),
|
|
aUids = Data.messageListCheckedOrSelectedUidsWithSubMails()
|
|
;
|
|
|
|
oEl.data('rl-folder', Data.currentFolderFullNameRaw());
|
|
oEl.data('rl-uids', aUids);
|
|
oEl.find('.text').text('' + aUids.length);
|
|
|
|
_.defer(function () {
|
|
var aUids = Data.messageListCheckedOrSelectedUidsWithSubMails();
|
|
|
|
oEl.data('rl-uids', aUids);
|
|
oEl.find('.text').text('' + aUids.length);
|
|
});
|
|
|
|
return oEl;
|
|
};
|
|
|
|
/**
|
|
* @param {string} sResult
|
|
* @param {AjaxJsonDefaultResponse} oData
|
|
* @param {boolean} bCached
|
|
*/
|
|
MessageListMailBoxUserView.prototype.onMessageResponse = function (sResult, oData, bCached)
|
|
{
|
|
Data.hideMessageBodies();
|
|
Data.messageLoading(false);
|
|
|
|
if (Enums.StorageResultType.Success === sResult && oData && oData.Result)
|
|
{
|
|
Data.setMessage(oData, bCached);
|
|
}
|
|
else if (Enums.StorageResultType.Unload === sResult)
|
|
{
|
|
Data.message(null);
|
|
Data.messageError('');
|
|
}
|
|
else if (Enums.StorageResultType.Abort !== sResult)
|
|
{
|
|
Data.message(null);
|
|
Data.messageError((oData && oData.ErrorCode ?
|
|
Translator.getNotification(oData.ErrorCode) :
|
|
Translator.getNotification(Enums.Notification.UnknownError)));
|
|
}
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.populateMessageBody = function (oMessage)
|
|
{
|
|
if (oMessage)
|
|
{
|
|
if (Remote.message(this.onMessageResponse, oMessage.folderFullNameRaw, oMessage.uid))
|
|
{
|
|
Data.messageLoading(true);
|
|
}
|
|
else
|
|
{
|
|
Utils.log('Error: Unknown message request: ' + oMessage.folderFullNameRaw + ' ~ ' + oMessage.uid + ' [e-101]');
|
|
}
|
|
}
|
|
};
|
|
|
|
/**
|
|
* @param {string} sFolderFullNameRaw
|
|
* @param {number} iSetAction
|
|
* @param {Array=} aMessages = null
|
|
*/
|
|
MessageListMailBoxUserView.prototype.setAction = function (sFolderFullNameRaw, iSetAction, aMessages)
|
|
{
|
|
var
|
|
aUids = [],
|
|
oFolder = null,
|
|
iAlreadyUnread = 0
|
|
;
|
|
|
|
if (Utils.isUnd(aMessages))
|
|
{
|
|
aMessages = Data.messageListChecked();
|
|
}
|
|
|
|
aUids = _.map(aMessages, function (oMessage) {
|
|
return oMessage.uid;
|
|
});
|
|
|
|
if ('' !== sFolderFullNameRaw && 0 < aUids.length)
|
|
{
|
|
switch (iSetAction) {
|
|
case Enums.MessageSetAction.SetSeen:
|
|
_.each(aMessages, function (oMessage) {
|
|
if (oMessage.unseen())
|
|
{
|
|
iAlreadyUnread++;
|
|
}
|
|
|
|
oMessage.unseen(false);
|
|
Cache.storeMessageFlagsToCache(oMessage);
|
|
});
|
|
|
|
oFolder = Cache.getFolderFromCacheList(sFolderFullNameRaw);
|
|
if (oFolder)
|
|
{
|
|
oFolder.messageCountUnread(oFolder.messageCountUnread() - iAlreadyUnread);
|
|
}
|
|
|
|
Remote.messageSetSeen(Utils.emptyFunction, sFolderFullNameRaw, aUids, true);
|
|
break;
|
|
case Enums.MessageSetAction.UnsetSeen:
|
|
_.each(aMessages, function (oMessage) {
|
|
if (oMessage.unseen())
|
|
{
|
|
iAlreadyUnread++;
|
|
}
|
|
|
|
oMessage.unseen(true);
|
|
Cache.storeMessageFlagsToCache(oMessage);
|
|
});
|
|
|
|
oFolder = Cache.getFolderFromCacheList(sFolderFullNameRaw);
|
|
if (oFolder)
|
|
{
|
|
oFolder.messageCountUnread(oFolder.messageCountUnread() - iAlreadyUnread + aUids.length);
|
|
}
|
|
Remote.messageSetSeen(Utils.emptyFunction, sFolderFullNameRaw, aUids, false);
|
|
break;
|
|
case Enums.MessageSetAction.SetFlag:
|
|
_.each(aMessages, function (oMessage) {
|
|
oMessage.flagged(true);
|
|
Cache.storeMessageFlagsToCache(oMessage);
|
|
});
|
|
Remote.messageSetFlagged(Utils.emptyFunction, sFolderFullNameRaw, aUids, true);
|
|
break;
|
|
case Enums.MessageSetAction.UnsetFlag:
|
|
_.each(aMessages, function (oMessage) {
|
|
oMessage.flagged(false);
|
|
Cache.storeMessageFlagsToCache(oMessage);
|
|
});
|
|
Remote.messageSetFlagged(Utils.emptyFunction, sFolderFullNameRaw, aUids, false);
|
|
break;
|
|
}
|
|
|
|
require('App/User').reloadFlagsCurrentMessageListAndMessageFromCache();
|
|
}
|
|
};
|
|
|
|
/**
|
|
* @param {string} sFolderFullNameRaw
|
|
* @param {number} iSetAction
|
|
*/
|
|
MessageListMailBoxUserView.prototype.setActionForAll = function (sFolderFullNameRaw, iSetAction)
|
|
{
|
|
var
|
|
oFolder = null,
|
|
aMessages = Data.messageList()
|
|
;
|
|
|
|
if ('' !== sFolderFullNameRaw)
|
|
{
|
|
oFolder = Cache.getFolderFromCacheList(sFolderFullNameRaw);
|
|
|
|
if (oFolder)
|
|
{
|
|
switch (iSetAction) {
|
|
case Enums.MessageSetAction.SetSeen:
|
|
oFolder = Cache.getFolderFromCacheList(sFolderFullNameRaw);
|
|
if (oFolder)
|
|
{
|
|
_.each(aMessages, function (oMessage) {
|
|
oMessage.unseen(false);
|
|
});
|
|
|
|
oFolder.messageCountUnread(0);
|
|
Cache.clearMessageFlagsFromCacheByFolder(sFolderFullNameRaw);
|
|
}
|
|
|
|
Remote.messageSetSeenToAll(Utils.emptyFunction, sFolderFullNameRaw, true);
|
|
break;
|
|
case Enums.MessageSetAction.UnsetSeen:
|
|
oFolder = Cache.getFolderFromCacheList(sFolderFullNameRaw);
|
|
if (oFolder)
|
|
{
|
|
_.each(aMessages, function (oMessage) {
|
|
oMessage.unseen(true);
|
|
});
|
|
|
|
oFolder.messageCountUnread(oFolder.messageCountAll());
|
|
Cache.clearMessageFlagsFromCacheByFolder(sFolderFullNameRaw);
|
|
}
|
|
Remote.messageSetSeenToAll(Utils.emptyFunction, sFolderFullNameRaw, false);
|
|
break;
|
|
}
|
|
|
|
require('App/User').reloadFlagsCurrentMessageListAndMessageFromCache();
|
|
}
|
|
}
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.listSetSeen = function ()
|
|
{
|
|
this.setAction(Data.currentFolderFullNameRaw(), Enums.MessageSetAction.SetSeen, Data.messageListCheckedOrSelected());
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.listSetAllSeen = function ()
|
|
{
|
|
this.setActionForAll(Data.currentFolderFullNameRaw(), Enums.MessageSetAction.SetSeen);
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.listUnsetSeen = function ()
|
|
{
|
|
this.setAction(Data.currentFolderFullNameRaw(), Enums.MessageSetAction.UnsetSeen, Data.messageListCheckedOrSelected());
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.listSetFlags = function ()
|
|
{
|
|
this.setAction(Data.currentFolderFullNameRaw(), Enums.MessageSetAction.SetFlag, Data.messageListCheckedOrSelected());
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.listUnsetFlags = function ()
|
|
{
|
|
this.setAction(Data.currentFolderFullNameRaw(), Enums.MessageSetAction.UnsetFlag, Data.messageListCheckedOrSelected());
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.flagMessages = function (oCurrentMessage)
|
|
{
|
|
var
|
|
aChecked = this.messageListCheckedOrSelected(),
|
|
aCheckedUids = []
|
|
;
|
|
|
|
if (oCurrentMessage)
|
|
{
|
|
if (0 < aChecked.length)
|
|
{
|
|
aCheckedUids = _.map(aChecked, function (oMessage) {
|
|
return oMessage.uid;
|
|
});
|
|
}
|
|
|
|
if (0 < aCheckedUids.length && -1 < Utils.inArray(oCurrentMessage.uid, aCheckedUids))
|
|
{
|
|
this.setAction(oCurrentMessage.folderFullNameRaw, oCurrentMessage.flagged() ?
|
|
Enums.MessageSetAction.UnsetFlag : Enums.MessageSetAction.SetFlag, aChecked);
|
|
}
|
|
else
|
|
{
|
|
this.setAction(oCurrentMessage.folderFullNameRaw, oCurrentMessage.flagged() ?
|
|
Enums.MessageSetAction.UnsetFlag : Enums.MessageSetAction.SetFlag, [oCurrentMessage]);
|
|
}
|
|
}
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.flagMessagesFast = function (bFlag)
|
|
{
|
|
var
|
|
aChecked = this.messageListCheckedOrSelected(),
|
|
aFlagged = []
|
|
;
|
|
|
|
if (0 < aChecked.length)
|
|
{
|
|
aFlagged = _.filter(aChecked, function (oMessage) {
|
|
return oMessage.flagged();
|
|
});
|
|
|
|
if (Utils.isUnd(bFlag))
|
|
{
|
|
this.setAction(aChecked[0].folderFullNameRaw,
|
|
aChecked.length === aFlagged.length ? Enums.MessageSetAction.UnsetFlag : Enums.MessageSetAction.SetFlag, aChecked);
|
|
}
|
|
else
|
|
{
|
|
this.setAction(aChecked[0].folderFullNameRaw,
|
|
!bFlag ? Enums.MessageSetAction.UnsetFlag : Enums.MessageSetAction.SetFlag, aChecked);
|
|
}
|
|
}
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.seenMessagesFast = function (bSeen)
|
|
{
|
|
var
|
|
aChecked = this.messageListCheckedOrSelected(),
|
|
aUnseen = []
|
|
;
|
|
|
|
if (0 < aChecked.length)
|
|
{
|
|
aUnseen = _.filter(aChecked, function (oMessage) {
|
|
return oMessage.unseen();
|
|
});
|
|
|
|
if (Utils.isUnd(bSeen))
|
|
{
|
|
this.setAction(aChecked[0].folderFullNameRaw,
|
|
0 < aUnseen.length ? Enums.MessageSetAction.SetSeen : Enums.MessageSetAction.UnsetSeen, aChecked);
|
|
}
|
|
else
|
|
{
|
|
this.setAction(aChecked[0].folderFullNameRaw,
|
|
bSeen ? Enums.MessageSetAction.SetSeen : Enums.MessageSetAction.UnsetSeen, aChecked);
|
|
}
|
|
}
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.onBuild = function (oDom)
|
|
{
|
|
var self = this;
|
|
|
|
this.oContentVisible = $('.b-content', oDom);
|
|
this.oContentScrollable = $('.content', this.oContentVisible);
|
|
|
|
this.oContentVisible.on('click', '.fullThreadHandle', function () {
|
|
var
|
|
aList = [],
|
|
oMessage = ko.dataFor(this)
|
|
;
|
|
|
|
if (oMessage && !oMessage.lastInCollapsedThreadLoading())
|
|
{
|
|
Data.messageListThreadFolder(oMessage.folderFullNameRaw);
|
|
|
|
aList = Data.messageListThreadUids();
|
|
|
|
if (oMessage.lastInCollapsedThread())
|
|
{
|
|
aList.push(0 < oMessage.parentUid() ? oMessage.parentUid() : oMessage.uid);
|
|
}
|
|
else
|
|
{
|
|
aList = _.without(aList, 0 < oMessage.parentUid() ? oMessage.parentUid() : oMessage.uid);
|
|
}
|
|
|
|
Data.messageListThreadUids(_.uniq(aList));
|
|
|
|
oMessage.lastInCollapsedThreadLoading(true);
|
|
oMessage.lastInCollapsedThread(!oMessage.lastInCollapsedThread());
|
|
|
|
require('App/User').reloadMessageList();
|
|
}
|
|
|
|
return false;
|
|
});
|
|
|
|
this.selector.init(this.oContentVisible, this.oContentScrollable, Enums.KeyState.MessageList);
|
|
|
|
oDom
|
|
.on('click', '.messageList .b-message-list-wrapper', function () {
|
|
if (self.message.focused())
|
|
{
|
|
self.message.focused(false);
|
|
}
|
|
})
|
|
.on('click', '.e-pagenator .e-page', function () {
|
|
var oPage = ko.dataFor(this);
|
|
if (oPage)
|
|
{
|
|
kn.setHash(Links.mailBox(
|
|
Data.currentFolderFullNameHash(),
|
|
oPage.value,
|
|
Data.messageListSearch()
|
|
));
|
|
}
|
|
})
|
|
.on('click', '.messageList .checkboxCkeckAll', function () {
|
|
self.checkAll(!self.checkAll());
|
|
})
|
|
.on('click', '.messageList .messageListItem .flagParent', function () {
|
|
self.flagMessages(ko.dataFor(this));
|
|
})
|
|
;
|
|
|
|
this.initUploaderForAppend();
|
|
this.initShortcuts();
|
|
|
|
if (!Globals.bMobileDevice && ifvisible && Settings.capa(Enums.Capa.Prefetch))
|
|
{
|
|
ifvisible.setIdleDuration(10);
|
|
|
|
ifvisible.idle(function () {
|
|
self.prefetchNextTick();
|
|
});
|
|
}
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.initShortcuts = function ()
|
|
{
|
|
var self = this;
|
|
|
|
// disable print
|
|
key('ctrl+p, command+p', Enums.KeyState.MessageList, function () {
|
|
return false;
|
|
});
|
|
|
|
// archive (zip)
|
|
key('z', [Enums.KeyState.MessageList, Enums.KeyState.MessageView], function () {
|
|
self.archiveCommand();
|
|
return false;
|
|
});
|
|
|
|
// delete
|
|
key('delete, shift+delete, shift+3', Enums.KeyState.MessageList, function (event, handler) {
|
|
if (event)
|
|
{
|
|
if (0 < Data.messageListCheckedOrSelected().length)
|
|
{
|
|
if (handler && 'shift+delete' === handler.shortcut)
|
|
{
|
|
self.deleteWithoutMoveCommand();
|
|
}
|
|
else
|
|
{
|
|
self.deleteCommand();
|
|
}
|
|
}
|
|
|
|
return false;
|
|
}
|
|
});
|
|
|
|
// check mail
|
|
key('ctrl+r, command+r', [Enums.KeyState.FolderList, Enums.KeyState.MessageList, Enums.KeyState.MessageView], function () {
|
|
self.reloadCommand();
|
|
return false;
|
|
});
|
|
|
|
// check all
|
|
key('ctrl+a, command+a', Enums.KeyState.MessageList, function () {
|
|
self.checkAll(!(self.checkAll() && !self.isIncompleteChecked()));
|
|
return false;
|
|
});
|
|
|
|
// write/compose (open compose popup)
|
|
key('w,c', [Enums.KeyState.MessageList, Enums.KeyState.MessageView], function () {
|
|
kn.showScreenPopup(require('View/Popup/Compose'));
|
|
return false;
|
|
});
|
|
|
|
// important - star/flag messages
|
|
key('i', [Enums.KeyState.MessageList, Enums.KeyState.MessageView], function () {
|
|
self.flagMessagesFast();
|
|
return false;
|
|
});
|
|
|
|
// move
|
|
key('m', Enums.KeyState.MessageList, function () {
|
|
self.moveDropdownTrigger(true);
|
|
return false;
|
|
});
|
|
|
|
// read
|
|
key('q', [Enums.KeyState.MessageList, Enums.KeyState.MessageView], function () {
|
|
self.seenMessagesFast(true);
|
|
return false;
|
|
});
|
|
|
|
// unread
|
|
key('u', [Enums.KeyState.MessageList, Enums.KeyState.MessageView], function () {
|
|
self.seenMessagesFast(false);
|
|
return false;
|
|
});
|
|
|
|
key('shift+f', [Enums.KeyState.MessageList, Enums.KeyState.MessageView], function () {
|
|
self.multyForwardCommand();
|
|
return false;
|
|
});
|
|
|
|
// search input focus
|
|
key('/', [Enums.KeyState.MessageList, Enums.KeyState.MessageView], function () {
|
|
self.inputMessageListSearchFocus(true);
|
|
return false;
|
|
});
|
|
|
|
// cancel search
|
|
key('esc', Enums.KeyState.MessageList, function () {
|
|
if ('' !== self.messageListSearchDesc())
|
|
{
|
|
self.cancelSearch();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
// change focused state
|
|
key('tab, shift+tab, left, right', Enums.KeyState.MessageList, function (event, handler) {
|
|
if (event && handler && ('shift+tab' === handler.shortcut || 'left' === handler.shortcut))
|
|
{
|
|
self.folderList.focused(true);
|
|
}
|
|
else if (self.message())
|
|
{
|
|
self.message.focused(true);
|
|
}
|
|
|
|
return false;
|
|
});
|
|
|
|
key('ctrl+left, command+left', Enums.KeyState.MessageView, function () {
|
|
return false; // TODO
|
|
});
|
|
|
|
key('ctrl+right, command+right', Enums.KeyState.MessageView, function () {
|
|
return false; // TODO
|
|
});
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.prefetchNextTick = function ()
|
|
{
|
|
if (ifvisible && !this.bPrefetch && !ifvisible.now() && this.viewModelVisibility())
|
|
{
|
|
var
|
|
self = this,
|
|
oMessage = _.find(this.messageList(), function (oMessage) {
|
|
return oMessage &&
|
|
!Cache.hasRequestedMessage(oMessage.folderFullNameRaw, oMessage.uid);
|
|
})
|
|
;
|
|
|
|
if (oMessage)
|
|
{
|
|
this.bPrefetch = true;
|
|
|
|
Cache.addRequestedMessage(oMessage.folderFullNameRaw, oMessage.uid);
|
|
|
|
Remote.message(function (sResult, oData) {
|
|
|
|
var bNext = !!(Enums.StorageResultType.Success === sResult && oData && oData.Result);
|
|
|
|
_.delay(function () {
|
|
self.bPrefetch = false;
|
|
if (bNext)
|
|
{
|
|
self.prefetchNextTick();
|
|
}
|
|
}, 1000);
|
|
|
|
}, oMessage.folderFullNameRaw, oMessage.uid);
|
|
}
|
|
}
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.composeClick = function ()
|
|
{
|
|
kn.showScreenPopup(require('View/Popup/Compose'));
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.advancedSearchClick = function ()
|
|
{
|
|
kn.showScreenPopup(require('View/Popup/AdvancedSearch'));
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.quotaTooltip = function ()
|
|
{
|
|
return Translator.i18n('MESSAGE_LIST/QUOTA_SIZE', {
|
|
'SIZE': Utils.friendlySize(this.userUsageSize()),
|
|
'PROC': this.userUsageProc(),
|
|
'LIMIT': Utils.friendlySize(this.userQuota())
|
|
});
|
|
};
|
|
|
|
MessageListMailBoxUserView.prototype.initUploaderForAppend = function ()
|
|
{
|
|
if (!Settings.settingsGet('AllowAppendMessage') || !this.dragOverArea())
|
|
{
|
|
return false;
|
|
}
|
|
|
|
var
|
|
oJua = new Jua({
|
|
'action': Links.append(),
|
|
'name': 'AppendFile',
|
|
'queueSize': 1,
|
|
'multipleSizeLimit': 1,
|
|
'disableFolderDragAndDrop': true,
|
|
'hidden': {
|
|
'Folder': function () {
|
|
return Data.currentFolderFullNameRaw();
|
|
}
|
|
},
|
|
'dragAndDropElement': this.dragOverArea(),
|
|
'dragAndDropBodyElement': this.dragOverBodyArea()
|
|
})
|
|
;
|
|
|
|
this.dragOver.subscribe(function (bValue) {
|
|
if (bValue)
|
|
{
|
|
this.selector.scrollToTop();
|
|
}
|
|
}, this);
|
|
|
|
oJua
|
|
.on('onDragEnter', _.bind(function () {
|
|
this.dragOverEnter(true);
|
|
}, this))
|
|
.on('onDragLeave', _.bind(function () {
|
|
this.dragOverEnter(false);
|
|
}, this))
|
|
.on('onBodyDragEnter', _.bind(function () {
|
|
this.dragOver(true);
|
|
}, this))
|
|
.on('onBodyDragLeave', _.bind(function () {
|
|
this.dragOver(false);
|
|
}, this))
|
|
.on('onSelect', _.bind(function (sUid, oData) {
|
|
if (sUid && oData && 'message/rfc822' === oData['Type'])
|
|
{
|
|
Data.messageListLoading(true);
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
}, this))
|
|
.on('onComplete', _.bind(function () {
|
|
require('App/User').reloadMessageList(true, true);
|
|
}, this))
|
|
;
|
|
|
|
return !!oJua;
|
|
};
|
|
|
|
module.exports = MessageListMailBoxUserView;
|
|
|
|
}());
|