mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-20 15:45:55 +08:00
642 lines
16 KiB
JavaScript
642 lines
16 KiB
JavaScript
/* RainLoop Webmail (c) RainLoop Team | Licensed under CC BY-NC-SA 3.0 */
|
|
|
|
/**
|
|
* @constructor
|
|
* @extends KnoinAbstractViewModel
|
|
*/
|
|
function PopupsContactsViewModel()
|
|
{
|
|
KnoinAbstractViewModel.call(this, 'Popups', 'PopupsContacts');
|
|
|
|
var
|
|
self = this,
|
|
oT = Enums.ContactPropertyType,
|
|
aNameTypes = [oT.FirstName, oT.LastName],
|
|
aEmailTypes = [oT.EmailPersonal, oT.EmailBussines, oT.EmailOther],
|
|
aPhonesTypes = [
|
|
oT.PhonePersonal, oT.PhoneBussines, oT.PhoneOther,
|
|
oT.MobilePersonal, oT.MobileBussines, oT.MobileOther,
|
|
oT.FaxPesonal, oT.FaxBussines, oT.FaxOther
|
|
],
|
|
aOtherTypes = [
|
|
oT.Facebook, oT.Skype, oT.GitHub
|
|
],
|
|
fFastClearEmptyListHelper = function (aList) {
|
|
if (aList && 0 < aList.length) {
|
|
self.viewProperties.removeAll(aList);
|
|
}
|
|
}
|
|
;
|
|
|
|
this.search = ko.observable('');
|
|
this.contactsCount = ko.observable(0);
|
|
this.contacts = ko.observableArray([]);
|
|
this.contacts.loading = ko.observable(false).extend({'throttle': 200});
|
|
this.contacts.importing = ko.observable(false).extend({'throttle': 200});
|
|
this.currentContact = ko.observable(null);
|
|
|
|
this.importUploaderButton = ko.observable(null);
|
|
|
|
this.contactsSharingIsAllowed = !!RL.settingsGet('ContactsSharingIsAllowed');
|
|
|
|
this.contactsPage = ko.observable(1);
|
|
this.contactsPageCount = ko.computed(function () {
|
|
var iPage = Math.ceil(this.contactsCount() / Consts.Defaults.ContactsPerPage);
|
|
return 0 >= iPage ? 1 : iPage;
|
|
}, this);
|
|
|
|
this.contactsPagenator = ko.computed(Utils.computedPagenatorHelper(this.contactsPage, this.contactsPageCount));
|
|
|
|
this.emptySelection = ko.observable(true);
|
|
this.viewClearSearch = ko.observable(false);
|
|
|
|
this.viewID = ko.observable('');
|
|
this.viewIDStr = ko.observable('');
|
|
this.viewReadOnly = ko.observable(false);
|
|
this.viewScopeType = ko.observable(Enums.ContactScopeType.Default);
|
|
this.viewProperties = ko.observableArray([]);
|
|
|
|
this.viewSaveTrigger = ko.observable(Enums.SaveSettingsStep.Idle);
|
|
|
|
this.viewPropertiesNames = this.viewProperties.filter(function(oProperty) {
|
|
return -1 < Utils.inArray(oProperty.type(), aNameTypes);
|
|
});
|
|
|
|
this.viewPropertiesEmails = this.viewProperties.filter(function(oProperty) {
|
|
return -1 < Utils.inArray(oProperty.type(), aEmailTypes);
|
|
});
|
|
|
|
this.shareIcon = ko.computed(function() {
|
|
return Enums.ContactScopeType.ShareAll === this.viewScopeType() ? 'icon-earth' : 'icon-share';
|
|
}, this);
|
|
|
|
this.shareToNone = ko.computed(function() {
|
|
return Enums.ContactScopeType.ShareAll !== this.viewScopeType();
|
|
}, this);
|
|
|
|
this.shareToAll = ko.computed(function() {
|
|
return Enums.ContactScopeType.ShareAll === this.viewScopeType();
|
|
}, this);
|
|
|
|
this.viewHasNonEmptyRequaredProperties = ko.computed(function() {
|
|
|
|
var
|
|
aNames = this.viewPropertiesNames(),
|
|
aEmail = this.viewPropertiesEmails(),
|
|
fHelper = function (oProperty) {
|
|
return '' !== Utils.trim(oProperty.value());
|
|
}
|
|
;
|
|
|
|
return !!(_.find(aNames, fHelper) || _.find(aEmail, fHelper));
|
|
}, this);
|
|
|
|
this.viewPropertiesPhones = this.viewProperties.filter(function(oProperty) {
|
|
return -1 < Utils.inArray(oProperty.type(), aPhonesTypes);
|
|
});
|
|
|
|
this.viewPropertiesOther = this.viewProperties.filter(function(oProperty) {
|
|
return -1 < Utils.inArray(oProperty.type(), aOtherTypes);
|
|
});
|
|
|
|
this.viewPropertiesEmailsNonEmpty = this.viewPropertiesNames.filter(function(oProperty) {
|
|
return '' !== Utils.trim(oProperty.value());
|
|
});
|
|
|
|
this.viewPropertiesEmailsEmptyAndOnFocused = this.viewPropertiesEmails.filter(function(oProperty) {
|
|
var bF = oProperty.focused();
|
|
return '' === Utils.trim(oProperty.value()) && !bF;
|
|
});
|
|
|
|
this.viewPropertiesPhonesEmptyAndOnFocused = this.viewPropertiesPhones.filter(function(oProperty) {
|
|
var bF = oProperty.focused();
|
|
return '' === Utils.trim(oProperty.value()) && !bF;
|
|
});
|
|
|
|
this.viewPropertiesEmailsEmptyAndOnFocused.subscribe(function(aList) {
|
|
fFastClearEmptyListHelper(aList);
|
|
});
|
|
|
|
this.viewPropertiesPhonesEmptyAndOnFocused.subscribe(function(aList) {
|
|
fFastClearEmptyListHelper(aList);
|
|
});
|
|
|
|
this.viewSaving = ko.observable(false);
|
|
|
|
this.useCheckboxesInList = RL.data().useCheckboxesInList;
|
|
|
|
this.search.subscribe(function () {
|
|
this.reloadContactList();
|
|
}, this);
|
|
|
|
this.contacts.subscribe(function () {
|
|
Utils.windowResize();
|
|
}, this);
|
|
|
|
this.viewProperties.subscribe(function () {
|
|
Utils.windowResize();
|
|
}, this);
|
|
|
|
this.contactsChecked = ko.computed(function () {
|
|
return _.filter(this.contacts(), function (oItem) {
|
|
return oItem.checked();
|
|
});
|
|
}, this);
|
|
|
|
this.contactsCheckedOrSelected = ko.computed(function () {
|
|
|
|
var
|
|
aChecked = this.contactsChecked(),
|
|
oSelected = this.currentContact()
|
|
;
|
|
|
|
return _.union(aChecked, oSelected ? [oSelected] : []);
|
|
|
|
}, this);
|
|
|
|
this.contactsCheckedOrSelectedUids = ko.computed(function () {
|
|
return _.map(this.contactsCheckedOrSelected(), function (oContact) {
|
|
return oContact.idContact;
|
|
});
|
|
}, this);
|
|
|
|
this.selector = new Selector(this.contacts, this.currentContact,
|
|
'.e-contact-item .actionHandle', '.e-contact-item.selected', '.e-contact-item .checkboxItem');
|
|
|
|
this.selector.on('onItemSelect', _.bind(function (oContact) {
|
|
this.populateViewContact(oContact ? oContact : null);
|
|
}, this));
|
|
|
|
this.selector.on('onItemGetUid', function (oContact) {
|
|
return oContact ? oContact.generateUid() : '';
|
|
});
|
|
|
|
this.selector.on('onDelete', _.bind(function () {
|
|
this.deleteCommand();
|
|
}, this));
|
|
|
|
this.newCommand = Utils.createCommand(this, function () {
|
|
this.populateViewContact(null);
|
|
this.currentContact(null);
|
|
});
|
|
|
|
this.deleteCommand = Utils.createCommand(this, function () {
|
|
this.deleteSelectedContacts();
|
|
this.emptySelection(true);
|
|
}, function () {
|
|
return 0 < this.contactsCheckedOrSelected().length;
|
|
});
|
|
|
|
this.newMessageCommand = Utils.createCommand(this, function () {
|
|
var aC = this.contactsCheckedOrSelected(), aE = [];
|
|
if (Utils.isNonEmptyArray(aC))
|
|
{
|
|
aE = _.map(aC, function (oItem) {
|
|
if (oItem)
|
|
{
|
|
var
|
|
aData = oItem.getNameAndEmailHelper(),
|
|
oEmail = aData ? new EmailModel(aData[0], aData[1]) : null
|
|
;
|
|
|
|
if (oEmail && oEmail.validate())
|
|
{
|
|
return oEmail;
|
|
}
|
|
}
|
|
|
|
return null;
|
|
});
|
|
|
|
aE = _.compact(aE);
|
|
}
|
|
|
|
if (Utils.isNonEmptyArray(aE))
|
|
{
|
|
kn.hideScreenPopup(PopupsContactsViewModel);
|
|
kn.showScreenPopup(PopupsComposeViewModel, [Enums.ComposeType.Empty, null, aE]);
|
|
}
|
|
|
|
}, function () {
|
|
return 0 < this.contactsCheckedOrSelected().length;
|
|
});
|
|
|
|
this.clearCommand = Utils.createCommand(this, function () {
|
|
this.search('');
|
|
});
|
|
|
|
this.saveCommand = Utils.createCommand(this, function () {
|
|
|
|
this.viewSaving(true);
|
|
this.viewSaveTrigger(Enums.SaveSettingsStep.Animate);
|
|
|
|
var
|
|
sRequestUid = Utils.fakeMd5(),
|
|
aProperties = []
|
|
;
|
|
|
|
_.each(this.viewProperties(), function (oItem) {
|
|
if (oItem.type() && '' !== Utils.trim(oItem.value()))
|
|
{
|
|
aProperties.push([oItem.type(), oItem.value()]);
|
|
}
|
|
});
|
|
|
|
RL.remote().contactSave(function (sResult, oData) {
|
|
|
|
var bRes = false;
|
|
self.viewSaving(false);
|
|
|
|
if (Enums.StorageResultType.Success === sResult && oData && oData.Result &&
|
|
oData.Result.RequestUid === sRequestUid && 0 < Utils.pInt(oData.Result.ResultID))
|
|
{
|
|
if ('' === self.viewID())
|
|
{
|
|
self.viewID(Utils.pInt(oData.Result.ResultID));
|
|
}
|
|
|
|
if ('' === self.viewIDStr())
|
|
{
|
|
self.viewIDStr(Utils.pString(oData.Result.ResultIDStr));
|
|
}
|
|
|
|
self.reloadContactList();
|
|
bRes = true;
|
|
}
|
|
|
|
_.delay(function () {
|
|
self.viewSaveTrigger(bRes ? Enums.SaveSettingsStep.TrueResult : Enums.SaveSettingsStep.FalseResult);
|
|
}, 300);
|
|
|
|
if (bRes)
|
|
{
|
|
self.watchDirty(false);
|
|
|
|
_.delay(function () {
|
|
self.viewSaveTrigger(Enums.SaveSettingsStep.Idle);
|
|
}, 1000);
|
|
}
|
|
|
|
}, sRequestUid, this.viewID(), this.viewIDStr(), this.viewScopeType(), aProperties);
|
|
|
|
}, function () {
|
|
var
|
|
bV = this.viewHasNonEmptyRequaredProperties(),
|
|
bReadOnly = this.viewReadOnly()
|
|
;
|
|
return !this.viewSaving() && bV && !bReadOnly;
|
|
});
|
|
|
|
this.bDropPageAfterDelete = false;
|
|
|
|
this.watchDirty = ko.observable(false);
|
|
this.watchHash = ko.observable(false);
|
|
|
|
this.viewHash = ko.computed(function () {
|
|
return '' + self.viewScopeType() + ' - ' + _.map(self.viewProperties(), function (oItem) {
|
|
return oItem.value();
|
|
}).join('');
|
|
});
|
|
|
|
// this.saveCommandDebounce = _.debounce(_.bind(this.saveCommand, this), 1000);
|
|
|
|
this.viewHash.subscribe(function () {
|
|
if (this.watchHash() && !this.viewReadOnly() && !this.watchDirty())
|
|
{
|
|
this.watchDirty(true);
|
|
}
|
|
}, this);
|
|
|
|
Knoin.constructorEnd(this);
|
|
}
|
|
|
|
Utils.extendAsViewModel('PopupsContactsViewModel', PopupsContactsViewModel);
|
|
|
|
PopupsContactsViewModel.prototype.setShareToNone = function ()
|
|
{
|
|
this.viewScopeType(Enums.ContactScopeType.Default);
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.setShareToAll = function ()
|
|
{
|
|
this.viewScopeType(Enums.ContactScopeType.ShareAll);
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.addNewProperty = function (sType)
|
|
{
|
|
var oItem = new ContactPropertyModel(sType, '');
|
|
oItem.focused(true);
|
|
this.viewProperties.push(oItem);
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.addNewEmail = function ()
|
|
{
|
|
this.addNewProperty(Enums.ContactPropertyType.EmailPersonal);
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.addNewPhone = function ()
|
|
{
|
|
this.addNewProperty(Enums.ContactPropertyType.MobilePersonal);
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.initUploader = function ()
|
|
{
|
|
if (this.importUploaderButton())
|
|
{
|
|
var
|
|
oJua = new Jua({
|
|
'action': RL.link().uploadContacts(),
|
|
'name': 'uploader',
|
|
'queueSize': 1,
|
|
'multipleSizeLimit': 1,
|
|
'disableFolderDragAndDrop': true,
|
|
'disableDragAndDrop': true,
|
|
'disableMultiple': true,
|
|
'disableDocumentDropPrevent': true,
|
|
'clickElement': this.importUploaderButton()
|
|
})
|
|
;
|
|
|
|
if (oJua)
|
|
{
|
|
oJua
|
|
.on('onStart', _.bind(function () {
|
|
this.contacts.importing(true);
|
|
}, this))
|
|
.on('onComplete', _.bind(function (sId, bResult, oData) {
|
|
|
|
this.contacts.importing(false);
|
|
this.reloadContactList();
|
|
|
|
if (!sId || !bResult || !oData || !oData.Result)
|
|
{
|
|
window.alert(Utils.i18n('CONTACTS/ERROR_IMPORT_FILE'));
|
|
}
|
|
|
|
}, this))
|
|
;
|
|
}
|
|
}
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.removeCheckedOrSelectedContactsFromList = function ()
|
|
{
|
|
var
|
|
self = this,
|
|
oKoContacts = this.contacts,
|
|
oCurrentContact = this.currentContact(),
|
|
iCount = this.contacts().length,
|
|
aContacts = this.contactsCheckedOrSelected()
|
|
;
|
|
|
|
if (0 < aContacts.length)
|
|
{
|
|
_.each(aContacts, function (oContact) {
|
|
|
|
if (oCurrentContact && oCurrentContact.idContact === oContact.idContact)
|
|
{
|
|
oCurrentContact = null;
|
|
self.currentContact(null);
|
|
}
|
|
|
|
oContact.deleted(true);
|
|
iCount--;
|
|
});
|
|
|
|
if (iCount <= 0)
|
|
{
|
|
this.bDropPageAfterDelete = true;
|
|
}
|
|
|
|
_.delay(function () {
|
|
|
|
_.each(aContacts, function (oContact) {
|
|
oKoContacts.remove(oContact);
|
|
});
|
|
|
|
}, 500);
|
|
}
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.deleteSelectedContacts = function ()
|
|
{
|
|
if (0 < this.contactsCheckedOrSelected().length)
|
|
{
|
|
RL.remote().contactsDelete(
|
|
_.bind(this.deleteResponse, this),
|
|
this.contactsCheckedOrSelectedUids()
|
|
);
|
|
|
|
this.removeCheckedOrSelectedContactsFromList();
|
|
}
|
|
};
|
|
|
|
/**
|
|
* @param {string} sResult
|
|
* @param {AjaxJsonDefaultResponse} oData
|
|
*/
|
|
PopupsContactsViewModel.prototype.deleteResponse = function (sResult, oData)
|
|
{
|
|
if (500 < (Enums.StorageResultType.Success === sResult && oData && oData.Time ? Utils.pInt(oData.Time) : 0))
|
|
{
|
|
this.reloadContactList(this.bDropPageAfterDelete);
|
|
}
|
|
else
|
|
{
|
|
_.delay((function (self) {
|
|
return function () {
|
|
self.reloadContactList(self.bDropPageAfterDelete);
|
|
};
|
|
}(this)), 500);
|
|
}
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.removeProperty = function (oProp)
|
|
{
|
|
this.viewProperties.remove(oProp);
|
|
};
|
|
|
|
/**
|
|
* @param {?ContactModel} oContact
|
|
*/
|
|
PopupsContactsViewModel.prototype.populateViewContact = function (oContact)
|
|
{
|
|
var
|
|
sId = '',
|
|
sIdStr = '',
|
|
sLastName = '',
|
|
sFirstName = '',
|
|
aList = []
|
|
;
|
|
|
|
this.watchHash(false);
|
|
|
|
this.emptySelection(false);
|
|
this.viewReadOnly(false);
|
|
this.viewScopeType(Enums.ContactScopeType.Default);
|
|
|
|
if (oContact)
|
|
{
|
|
sId = oContact.idContact;
|
|
sIdStr = oContact.idContactStr;
|
|
|
|
if (Utils.isNonEmptyArray(oContact.properties))
|
|
{
|
|
_.each(oContact.properties, function (aProperty) {
|
|
if (aProperty && aProperty[0])
|
|
{
|
|
if (Enums.ContactPropertyType.LastName === aProperty[0])
|
|
{
|
|
sLastName = aProperty[1];
|
|
}
|
|
else if (Enums.ContactPropertyType.FirstName === aProperty[0])
|
|
{
|
|
sFirstName = aProperty[1];
|
|
}
|
|
else if (-1 === Utils.inArray(aProperty[0], [Enums.ContactPropertyType.FullName]))
|
|
{
|
|
aList.push(new ContactPropertyModel(aProperty[0], aProperty[1]));
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
this.viewReadOnly(!!oContact.readOnly);
|
|
this.viewScopeType(oContact.scopeType);
|
|
}
|
|
|
|
aList.unshift(new ContactPropertyModel(Enums.ContactPropertyType.FirstName, sFirstName, false, 'CONTACTS/PLACEHOLDER_ENTER_FIRST_NAME'));
|
|
aList.unshift(new ContactPropertyModel(Enums.ContactPropertyType.LastName, sLastName, !oContact, 'CONTACTS/PLACEHOLDER_ENTER_LAST_NAME'));
|
|
|
|
this.viewID(sId);
|
|
this.viewIDStr(sIdStr);
|
|
this.viewProperties([]);
|
|
this.viewProperties(aList);
|
|
|
|
this.watchDirty(false);
|
|
this.watchHash(true);
|
|
};
|
|
|
|
/**
|
|
* @param {boolean=} bDropPagePosition = false
|
|
*/
|
|
PopupsContactsViewModel.prototype.reloadContactList = function (bDropPagePosition)
|
|
{
|
|
var
|
|
self = this,
|
|
iOffset = (this.contactsPage() - 1) * Consts.Defaults.ContactsPerPage
|
|
;
|
|
|
|
this.bDropPageAfterDelete = false;
|
|
|
|
if (Utils.isUnd(bDropPagePosition) ? false : !!bDropPagePosition)
|
|
{
|
|
this.contactsPage(1);
|
|
iOffset = 0;
|
|
}
|
|
|
|
this.contacts.loading(true);
|
|
RL.remote().contacts(function (sResult, oData) {
|
|
var
|
|
iCount = 0,
|
|
aList = []
|
|
;
|
|
|
|
if (Enums.StorageResultType.Success === sResult && oData && oData.Result && oData.Result.List)
|
|
{
|
|
if (Utils.isNonEmptyArray(oData.Result.List))
|
|
{
|
|
aList = _.map(oData.Result.List, function (oItem) {
|
|
var oContact = new ContactModel();
|
|
return oContact.parse(oItem, self.contactsSharingIsAllowed) ? oContact : null;
|
|
});
|
|
|
|
aList = _.compact(aList);
|
|
|
|
iCount = Utils.pInt(oData.Result.Count);
|
|
iCount = 0 < iCount ? iCount : 0;
|
|
}
|
|
}
|
|
|
|
self.contactsCount(iCount);
|
|
|
|
self.contacts(aList);
|
|
self.viewClearSearch('' !== self.search());
|
|
self.contacts.loading(false);
|
|
|
|
if ('' !== self.viewID() && !self.currentContact() && self.contacts.setSelectedByUid)
|
|
{
|
|
self.contacts.setSelectedByUid('' + self.viewID());
|
|
}
|
|
|
|
}, iOffset, Consts.Defaults.ContactsPerPage, this.search());
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.onBuild = function (oDom)
|
|
{
|
|
this.oContentVisible = $('.b-list-content', oDom);
|
|
this.oContentScrollable = $('.content', this.oContentVisible);
|
|
|
|
this.selector.init(this.oContentVisible, this.oContentScrollable);
|
|
|
|
var self = this;
|
|
|
|
ko.computed(function () {
|
|
var
|
|
bModalVisibility = this.modalVisibility(),
|
|
bUseKeyboardShortcuts = RL.data().useKeyboardShortcuts()
|
|
;
|
|
this.selector.useKeyboard(bModalVisibility && bUseKeyboardShortcuts);
|
|
}, this).extend({'notify': 'always'});
|
|
|
|
oDom
|
|
.on('click', '.e-pagenator .e-page', function () {
|
|
var oPage = ko.dataFor(this);
|
|
if (oPage)
|
|
{
|
|
self.contactsPage(Utils.pInt(oPage.value));
|
|
self.reloadContactList();
|
|
}
|
|
})
|
|
;
|
|
|
|
$window.on('keydown', function (oEvent) {
|
|
var bResult = true;
|
|
if (oEvent && self.modalVisibility())
|
|
{
|
|
if (Enums.EventKeyCode.Esc === oEvent.keyCode)
|
|
{
|
|
Utils.delegateRun(self, 'closeCommand');
|
|
bResult = false;
|
|
}
|
|
else if (oEvent.ctrlKey && Enums.EventKeyCode.S === oEvent.keyCode)
|
|
{
|
|
self.saveCommand();
|
|
bResult = false;
|
|
}
|
|
}
|
|
|
|
return bResult;
|
|
});
|
|
|
|
this.initUploader();
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.onShow = function ()
|
|
{
|
|
kn.routeOff();
|
|
this.reloadContactList(true);
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.onHide = function ()
|
|
{
|
|
kn.routeOn();
|
|
this.currentContact(null);
|
|
this.emptySelection(true);
|
|
this.search('');
|
|
|
|
_.each(this.contacts(), function (oItem) {
|
|
oItem.checked(false);
|
|
});
|
|
};
|