snappymail/dev/View/Popup/Contacts.js
2016-07-01 01:50:11 +03:00

777 lines
18 KiB
JavaScript

var
window = require('window'),
_ = require('_'),
$ = require('$'),
ko = require('ko'),
key = require('key'),
Enums = require('Common/Enums'),
Consts = require('Common/Consts'),
Globals = require('Common/Globals'),
Utils = require('Common/Utils'),
Selector = require('Common/Selector'),
Links = require('Common/Links'),
Translator = require('Common/Translator'),
SettingsStore = require('Stores/User/Settings'),
ContactStore = require('Stores/User/Contact'),
Settings = require('Storage/Settings'),
Remote = require('Remote/User/Ajax'),
EmailModel = require('Model/Email'),
ContactModel = require('Model/Contact'),
ContactPropertyModel = require('Model/ContactProperty'),
kn = require('Knoin/Knoin'),
AbstractView = require('Knoin/AbstractView');
/**
* @constructor
* @extends AbstractView
*/
function ContactsPopupView()
{
AbstractView.call(this, 'Popups', 'PopupsContacts');
var
self = this,
fFastClearEmptyListHelper = function(aList) {
if (aList && 0 < aList.length) {
self.viewProperties.removeAll(aList);
Utils.delegateRunOnDestroy(aList);
}
};
this.bBackToCompose = false;
this.sLastComposeFocusedField = '';
this.allowContactsSync = ContactStore.allowContactsSync;
this.enableContactsSync = ContactStore.enableContactsSync;
this.allowExport = !Globals.bMobileDevice;
this.search = ko.observable('');
this.contactsCount = ko.observable(0);
this.contacts = ContactStore.contacts;
this.currentContact = ko.observable(null);
this.importUploaderButton = ko.observable(null);
this.contactsPage = ko.observable(1);
this.contactsPageCount = ko.computed(function() {
var iPage = window.Math.ceil(this.contactsCount() / Consts.CONTACTS_PER_PAGE);
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.viewReadOnly = ko.observable(false);
this.viewProperties = ko.observableArray([]);
this.viewSaveTrigger = ko.observable(Enums.SaveSettingsStep.Idle);
this.viewPropertiesNames = this.viewProperties.filter(function(oProperty) {
return -1 < Utils.inArray(oProperty.type(), [
Enums.ContactPropertyType.FirstName, Enums.ContactPropertyType.LastName
]);
});
this.viewPropertiesOther = this.viewProperties.filter(function(oProperty) {
return -1 < Utils.inArray(oProperty.type(), [
Enums.ContactPropertyType.Note
]);
});
this.viewPropertiesOther = ko.computed(function() {
var aList = _.filter(this.viewProperties(), function(oProperty) {
return -1 < Utils.inArray(oProperty.type(), [
Enums.ContactPropertyType.Nick
]);
});
return _.sortBy(aList, function(oProperty) {
return oProperty.type();
});
}, this);
this.viewPropertiesEmails = this.viewProperties.filter(function(oProperty) {
return Enums.ContactPropertyType.Email === oProperty.type();
});
this.viewPropertiesWeb = this.viewProperties.filter(function(oProperty) {
return Enums.ContactPropertyType.Web === oProperty.type();
});
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 Enums.ContactPropertyType.Phone === oProperty.type();
});
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.viewPropertiesWebEmptyAndOnFocused = this.viewPropertiesWeb.filter(function(oProperty) {
var bF = oProperty.focused();
return '' === Utils.trim(oProperty.value()) && !bF;
});
this.viewPropertiesOtherEmptyAndOnFocused = ko.computed(function() {
return _.filter(this.viewPropertiesOther(), function(oProperty) {
var bF = oProperty.focused();
return '' === Utils.trim(oProperty.value()) && !bF;
});
}, this);
this.viewPropertiesEmailsEmptyAndOnFocused.subscribe(function(aList) {
fFastClearEmptyListHelper(aList);
});
this.viewPropertiesPhonesEmptyAndOnFocused.subscribe(function(aList) {
fFastClearEmptyListHelper(aList);
});
this.viewPropertiesWebEmptyAndOnFocused.subscribe(function(aList) {
fFastClearEmptyListHelper(aList);
});
this.viewPropertiesOtherEmptyAndOnFocused.subscribe(function(aList) {
fFastClearEmptyListHelper(aList);
});
this.viewSaving = ko.observable(false);
this.useCheckboxesInList = SettingsStore.useCheckboxesInList;
this.search.subscribe(function() {
this.reloadContactList();
}, this);
this.contacts.subscribe(Utils.windowResizeCallback);
this.viewProperties.subscribe(Utils.windowResizeCallback);
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.Selector(this.contacts, this.currentContact, null,
'.e-contact-item .actionHandle', '.e-contact-item.selected', '.e-contact-item .checkboxItem',
'.e-contact-item.focused');
this.selector.on('onItemSelect', _.bind(function(oContact) {
this.populateViewContact(oContact ? oContact : null);
if (!oContact)
{
this.emptySelection(true);
}
}, this));
this.selector.on('onItemGetUid', function(oContact) {
return oContact ? oContact.generateUid() : '';
});
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() {
if (!Settings.capa(Enums.Capa.Composer))
{
return false;
}
var
aE = [],
aC = this.contactsCheckedOrSelected(),
aToEmails = null,
aCcEmails = null,
aBccEmails = null;
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))
{
self.bBackToCompose = false;
kn.hideScreenPopup(require('View/Popup/Contacts'));
switch (self.sLastComposeFocusedField)
{
case 'cc':
aCcEmails = aE;
break;
case 'bcc':
aBccEmails = aE;
break;
case 'to':
default:
aToEmails = aE;
break;
}
self.sLastComposeFocusedField = '';
_.delay(function() {
kn.showScreenPopup(require('View/Popup/Compose'),
[Enums.ComposeType.Empty, null, aToEmails, aCcEmails, aBccEmails]);
}, 200);
}
return true;
}, 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(), oItem.typeStr()]);
}
});
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));
}
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(), aProperties);
}, function() {
var
bV = this.viewHasNonEmptyRequaredProperties(),
bReadOnly = this.viewReadOnly();
return !this.viewSaving() && bV && !bReadOnly;
});
this.syncCommand = Utils.createCommand(this, function() {
require('App/User').default.contactsSync(function(sResult, oData) {
if (Enums.StorageResultType.Success !== sResult || !oData || !oData.Result)
{
window.alert(Translator.getNotification(
oData && oData.ErrorCode ? oData.ErrorCode : Enums.Notification.ContactsSyncError));
}
self.reloadContactList(true);
});
}, function() {
return !this.contacts.syncing() && !this.contacts.importing();
});
this.bDropPageAfterDelete = false;
this.watchDirty = ko.observable(false);
this.watchHash = ko.observable(false);
this.viewHash = ko.computed(function() {
return '' + _.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);
this.sDefaultKeyScope = Enums.KeyState.ContactList;
kn.constructorEnd(this);
}
kn.extendAsViewModel(['View/Popup/Contacts', 'PopupsContactsViewModel'], ContactsPopupView);
_.extend(ContactsPopupView.prototype, AbstractView.prototype);
ContactsPopupView.prototype.getPropertyPlaceholder = function(sType)
{
var sResult = '';
switch (sType)
{
case Enums.ContactPropertyType.LastName:
sResult = 'CONTACTS/PLACEHOLDER_ENTER_LAST_NAME';
break;
case Enums.ContactPropertyType.FirstName:
sResult = 'CONTACTS/PLACEHOLDER_ENTER_FIRST_NAME';
break;
case Enums.ContactPropertyType.Nick:
sResult = 'CONTACTS/PLACEHOLDER_ENTER_NICK_NAME';
break;
// no default
}
return sResult;
};
ContactsPopupView.prototype.addNewProperty = function(sType, sTypeStr)
{
this.viewProperties.push(new ContactPropertyModel(sType, sTypeStr || '', '', true, this.getPropertyPlaceholder(sType)));
};
ContactsPopupView.prototype.addNewOrFocusProperty = function(sType, sTypeStr)
{
var oItem = _.find(this.viewProperties(), function(oProp) {
return sType === oProp.type();
});
if (oItem)
{
oItem.focused(true);
}
else
{
this.addNewProperty(sType, sTypeStr);
}
};
ContactsPopupView.prototype.addNewEmail = function()
{
this.addNewProperty(Enums.ContactPropertyType.Email, 'Home');
};
ContactsPopupView.prototype.addNewPhone = function()
{
this.addNewProperty(Enums.ContactPropertyType.Phone, 'Mobile');
};
ContactsPopupView.prototype.addNewWeb = function()
{
this.addNewProperty(Enums.ContactPropertyType.Web);
};
ContactsPopupView.prototype.addNewNickname = function()
{
this.addNewOrFocusProperty(Enums.ContactPropertyType.Nick);
};
ContactsPopupView.prototype.addNewNotes = function()
{
this.addNewOrFocusProperty(Enums.ContactPropertyType.Note);
};
ContactsPopupView.prototype.addNewBirthday = function()
{
this.addNewOrFocusProperty(Enums.ContactPropertyType.Birthday);
};
ContactsPopupView.prototype.exportVcf = function()
{
require('App/User').default.download(Links.exportContactsVcf());
};
ContactsPopupView.prototype.exportCsv = function()
{
require('App/User').default.download(Links.exportContactsCsv());
};
ContactsPopupView.prototype.initUploader = function()
{
if (this.importUploaderButton())
{
var
oJua = new Jua({
'action': Links.uploadContacts(),
'name': 'uploader',
'queueSize': 1,
'multipleSizeLimit': 1,
'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(Translator.i18n('CONTACTS/ERROR_IMPORT_FILE'));
}
}, this));
}
}
};
ContactsPopupView.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 -= 1;
});
if (0 >= iCount)
{
this.bDropPageAfterDelete = true;
}
_.delay(function() {
_.each(aContacts, function(oContact) {
oKoContacts.remove(oContact);
Utils.delegateRunOnDestroy(oContact);
});
}, 500);
}
};
ContactsPopupView.prototype.deleteSelectedContacts = function()
{
if (0 < this.contactsCheckedOrSelected().length)
{
Remote.contactsDelete(
_.bind(this.deleteResponse, this),
this.contactsCheckedOrSelectedUids()
);
this.removeCheckedOrSelectedContactsFromList();
}
};
/**
* @param {string} sResult
* @param {AjaxJsonDefaultResponse} oData
*/
ContactsPopupView.prototype.deleteResponse = function(sResult, oData)
{
if (500 < (Enums.StorageResultType.Success === sResult && oData && oData.Time ? Utils.pInt(oData.Time) : 0))
{
this.reloadContactList(this.bDropPageAfterDelete);
}
else
{
var self = this;
_.delay(function() {
self.reloadContactList(self.bDropPageAfterDelete);
}, 500);
}
};
ContactsPopupView.prototype.removeProperty = function(oProp)
{
this.viewProperties.remove(oProp);
Utils.delegateRunOnDestroy(oProp);
};
/**
* @param {?ContactModel} oContact
*/
ContactsPopupView.prototype.populateViewContact = function(oContact)
{
var
sId = '',
sLastName = '',
sFirstName = '',
aList = [];
this.watchHash(false);
this.emptySelection(false);
this.viewReadOnly(false);
if (oContact)
{
sId = oContact.idContact;
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
{
aList.push(new ContactPropertyModel(aProperty[0], aProperty[2] || '', aProperty[1]));
}
}
});
}
this.viewReadOnly(!!oContact.readOnly);
}
aList.unshift(new ContactPropertyModel(Enums.ContactPropertyType.LastName, '', sLastName, false,
this.getPropertyPlaceholder(Enums.ContactPropertyType.LastName)));
aList.unshift(new ContactPropertyModel(Enums.ContactPropertyType.FirstName, '', sFirstName, !oContact,
this.getPropertyPlaceholder(Enums.ContactPropertyType.FirstName)));
this.viewID(sId);
Utils.delegateRunOnDestroy(this.viewProperties());
this.viewProperties([]);
this.viewProperties(aList);
this.watchDirty(false);
this.watchHash(true);
};
/**
* @param {boolean=} bDropPagePosition = false
*/
ContactsPopupView.prototype.reloadContactList = function(bDropPagePosition)
{
var
self = this,
iOffset = (this.contactsPage() - 1) * Consts.CONTACTS_PER_PAGE;
this.bDropPageAfterDelete = false;
if (Utils.isUnd(bDropPagePosition) ? false : !!bDropPagePosition)
{
this.contactsPage(1);
iOffset = 0;
}
this.contacts.loading(true);
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) ? oContact : null;
});
aList = _.compact(aList);
iCount = Utils.pInt(oData.Result.Count);
iCount = 0 < iCount ? iCount : 0;
}
}
self.contactsCount(iCount);
Utils.delegateRunOnDestroy(self.contacts());
self.contacts(aList);
self.contacts.loading(false);
self.viewClearSearch('' !== self.search());
}, iOffset, Consts.CONTACTS_PER_PAGE, this.search());
};
ContactsPopupView.prototype.onBuild = function(oDom)
{
this.oContentVisible = $('.b-list-content', oDom);
this.oContentScrollable = $('.content', this.oContentVisible);
this.selector.init(this.oContentVisible, this.oContentScrollable, Enums.KeyState.ContactList);
var self = this;
key('delete', Enums.KeyState.ContactList, function() {
self.deleteCommand();
return false;
});
key('c, w', Enums.KeyState.ContactList, function() {
self.newMessageCommand();
return false;
});
oDom
.on('click', '.e-pagenator .e-page', function() {
var oPage = ko.dataFor(this);
if (oPage)
{
self.contactsPage(Utils.pInt(oPage.value));
self.reloadContactList();
}
});
this.initUploader();
};
ContactsPopupView.prototype.onShow = function(bBackToCompose, sLastComposeFocusedField)
{
this.bBackToCompose = Utils.isUnd(bBackToCompose) ? false : !!bBackToCompose;
this.sLastComposeFocusedField = Utils.isUnd(sLastComposeFocusedField) ? '' : sLastComposeFocusedField;
kn.routeOff();
this.reloadContactList(true);
};
ContactsPopupView.prototype.onHide = function()
{
kn.routeOn();
this.currentContact(null);
this.emptySelection(true);
this.search('');
this.contactsCount(0);
Utils.delegateRunOnDestroy(this.contacts());
this.contacts([]);
this.sLastComposeFocusedField = '';
if (this.bBackToCompose)
{
this.bBackToCompose = false;
if (Settings.capa(Enums.Capa.Composer))
{
kn.showScreenPopup(require('View/Popup/Compose'));
}
}
};
module.exports = ContactsPopupView;