mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-11-15 12:15:20 +08:00
790 lines
No EOL
20 KiB
JavaScript
790 lines
No EOL
20 KiB
JavaScript
/* RainLoop Webmail (c) RainLoop Team | Licensed under CC BY-NC-SA 3.0 */
|
|
|
|
(function (module, require) {
|
|
|
|
'use strict';
|
|
|
|
var
|
|
window = require('window'),
|
|
$ = require('$'),
|
|
_ = require('_'),
|
|
ko = require('ko'),
|
|
key = require('key'),
|
|
|
|
Enums = require('Enums'),
|
|
Consts = require('Consts'),
|
|
Globals = require('Globals'),
|
|
Utils = require('Utils'),
|
|
LinkBuilder = require('LinkBuilder'),
|
|
Selector = require('Selector'),
|
|
|
|
Data = require('../../Storages/WebMailDataStorage.js'),
|
|
Remote = require('../../Storages/WebMailAjaxRemoteStorage.js'),
|
|
|
|
EmailModel = require('../../Models/EmailModel.js'),
|
|
ContactModel = require('../../Models/ContactModel.js'),
|
|
ContactTagModel = require('../../Models/ContactTagModel.js'),
|
|
ContactPropertyModel = require('../../Models/ContactPropertyModel.js'),
|
|
|
|
PopupsComposeViewModel = require('./PopupsComposeViewModel.js'),
|
|
|
|
kn = require('kn'),
|
|
KnoinAbstractViewModel = require('KnoinAbstractViewModel')
|
|
;
|
|
|
|
/**
|
|
* @constructor
|
|
* @extends KnoinAbstractViewModel
|
|
*/
|
|
function PopupsContactsViewModel()
|
|
{
|
|
KnoinAbstractViewModel.call(this, 'Popups', 'PopupsContacts');
|
|
|
|
var
|
|
self = this,
|
|
fFastClearEmptyListHelper = function (aList) {
|
|
if (aList && 0 < aList.length) {
|
|
self.viewProperties.removeAll(aList);
|
|
}
|
|
}
|
|
;
|
|
|
|
this.allowContactsSync = Data.allowContactsSync;
|
|
this.enableContactsSync = Data.enableContactsSync;
|
|
this.allowExport = !Globals.bMobileDevice;
|
|
|
|
this.search = ko.observable('');
|
|
this.contactsCount = ko.observable(0);
|
|
this.contacts = Data.contacts;
|
|
this.contactTags = Data.contactTags;
|
|
|
|
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.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.viewReadOnly = ko.observable(false);
|
|
this.viewProperties = ko.observableArray([]);
|
|
|
|
this.viewTags = ko.observable('');
|
|
this.viewTags.visibility = ko.observable(false);
|
|
this.viewTags.focusTrigger = ko.observable(false);
|
|
|
|
this.viewTags.focusTrigger.subscribe(function (bValue) {
|
|
if (!bValue && '' === this.viewTags())
|
|
{
|
|
this.viewTags.visibility(false);
|
|
}
|
|
else if (bValue)
|
|
{
|
|
this.viewTags.visibility(true);
|
|
}
|
|
}, this);
|
|
|
|
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 = 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',
|
|
'.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 () {
|
|
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(), 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(), this.viewTags(), aProperties);
|
|
|
|
}, function () {
|
|
var
|
|
bV = this.viewHasNonEmptyRequaredProperties(),
|
|
bReadOnly = this.viewReadOnly()
|
|
;
|
|
return !this.viewSaving() && bV && !bReadOnly;
|
|
});
|
|
|
|
this.syncCommand = Utils.createCommand(this, function () {
|
|
|
|
var
|
|
self = this,
|
|
RL = require('../../Boots/RainLoopApp.js')
|
|
;
|
|
|
|
RL.contactsSync(function (sResult, oData) {
|
|
if (Enums.StorageResultType.Success !== sResult || !oData || !oData.Result)
|
|
{
|
|
window.alert(Utils.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 '' + self.viewTags() + '|' + _.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;
|
|
|
|
this.contactTagsSource = _.bind(this.contactTagsSource, this);
|
|
|
|
kn.constructorEnd(this);
|
|
}
|
|
|
|
kn.extendAsViewModel('PopupsContactsViewModel', PopupsContactsViewModel);
|
|
|
|
PopupsContactsViewModel.prototype.contactTagsSource = function (oData, fResponse)
|
|
{
|
|
var RL = require('../../Boots/RainLoopApp.js');
|
|
RL.getContactTagsAutocomplete(oData.term, function (aData) {
|
|
fResponse(_.map(aData, function (oTagItem) {
|
|
return oTagItem.toLine(false);
|
|
}));
|
|
});
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.getPropertyPlceholder = 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;
|
|
}
|
|
|
|
return sResult;
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.addNewProperty = function (sType, sTypeStr)
|
|
{
|
|
this.viewProperties.push(new ContactPropertyModel(sType, sTypeStr || '', '', true, this.getPropertyPlceholder(sType)));
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.addNewOrFocusProperty = function (sType, sTypeStr)
|
|
{
|
|
var oItem = _.find(this.viewProperties(), function (oItem) {
|
|
return sType === oItem.type();
|
|
});
|
|
|
|
if (oItem)
|
|
{
|
|
oItem.focused(true);
|
|
}
|
|
else
|
|
{
|
|
this.addNewProperty(sType, sTypeStr);
|
|
}
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.addNewTag = function ()
|
|
{
|
|
this.viewTags.visibility(true);
|
|
this.viewTags.focusTrigger(true);
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.addNewEmail = function ()
|
|
{
|
|
this.addNewProperty(Enums.ContactPropertyType.Email, 'Home');
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.addNewPhone = function ()
|
|
{
|
|
this.addNewProperty(Enums.ContactPropertyType.Phone, 'Mobile');
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.addNewWeb = function ()
|
|
{
|
|
this.addNewProperty(Enums.ContactPropertyType.Web);
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.addNewNickname = function ()
|
|
{
|
|
this.addNewOrFocusProperty(Enums.ContactPropertyType.Nick);
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.addNewNotes = function ()
|
|
{
|
|
this.addNewOrFocusProperty(Enums.ContactPropertyType.Note);
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.addNewBirthday = function ()
|
|
{
|
|
this.addNewOrFocusProperty(Enums.ContactPropertyType.Birthday);
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.exportVcf = function ()
|
|
{
|
|
var RL = require('../../Boots/RainLoopApp.js');
|
|
RL.download(LinkBuilder.exportContactsVcf());
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.exportCsv = function ()
|
|
{
|
|
var RL = require('../../Boots/RainLoopApp.js');
|
|
RL.download(LinkBuilder.exportContactsCsv());
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.initUploader = function ()
|
|
{
|
|
if (this.importUploaderButton())
|
|
{
|
|
var
|
|
oJua = new Jua({
|
|
'action': LinkBuilder.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)
|
|
{
|
|
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 = '',
|
|
sLastName = '',
|
|
sFirstName = '',
|
|
aList = []
|
|
;
|
|
|
|
this.watchHash(false);
|
|
|
|
this.emptySelection(false);
|
|
this.viewReadOnly(false);
|
|
this.viewTags('');
|
|
|
|
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.viewTags(oContact.tags);
|
|
|
|
this.viewReadOnly(!!oContact.readOnly);
|
|
}
|
|
|
|
this.viewTags.focusTrigger.valueHasMutated();
|
|
this.viewTags.visibility('' !== this.viewTags());
|
|
|
|
aList.unshift(new ContactPropertyModel(Enums.ContactPropertyType.LastName, '', sLastName, false,
|
|
this.getPropertyPlceholder(Enums.ContactPropertyType.LastName)));
|
|
|
|
aList.unshift(new ContactPropertyModel(Enums.ContactPropertyType.FirstName, '', sFirstName, !oContact,
|
|
this.getPropertyPlceholder(Enums.ContactPropertyType.FirstName)));
|
|
|
|
this.viewID(sId);
|
|
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);
|
|
Remote.contacts(function (sResult, oData) {
|
|
var
|
|
iCount = 0,
|
|
aList = [],
|
|
aTagsList = []
|
|
;
|
|
|
|
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;
|
|
}
|
|
|
|
if (Utils.isNonEmptyArray(oData.Result.Tags))
|
|
{
|
|
aTagsList = _.map(oData.Result.Tags, function (oItem) {
|
|
var oContactTag = new ContactTagModel();
|
|
return oContactTag.parse(oItem) ? oContactTag : null;
|
|
});
|
|
|
|
aTagsList = _.compact(aTagsList);
|
|
}
|
|
}
|
|
|
|
self.contactsCount(iCount);
|
|
|
|
self.contacts(aList);
|
|
self.contacts.loading(false);
|
|
self.contactTags(aTagsList);
|
|
|
|
self.viewClearSearch('' !== self.search());
|
|
|
|
}, 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, Enums.KeyState.ContactList);
|
|
|
|
var self = this;
|
|
|
|
key('delete', Enums.KeyState.ContactList, function () {
|
|
self.deleteCommand();
|
|
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();
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.onShow = function ()
|
|
{
|
|
kn.routeOff();
|
|
this.reloadContactList(true);
|
|
};
|
|
|
|
PopupsContactsViewModel.prototype.onHide = function ()
|
|
{
|
|
kn.routeOn();
|
|
this.currentContact(null);
|
|
this.emptySelection(true);
|
|
this.search('');
|
|
this.contactsCount(0);
|
|
this.contacts([]);
|
|
};
|
|
|
|
module.exports = PopupsContactsViewModel;
|
|
|
|
}(module, require)); |