/* 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', '.e-contact-item.focused'); this.selector.on('onItemSelect', _.bind(function (oContact) { this.populateViewContact(oContact ? oContact : null); }, 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()]); } }); 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); this.sDefaultKeyScope = Enums.KeyState.ContactList; 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.LastName, sLastName, !oContact, 'CONTACTS/PLACEHOLDER_ENTER_LAST_NAME')); aList.unshift(new ContactPropertyModel(Enums.ContactPropertyType.FirstName, sFirstName, false, 'CONTACTS/PLACEHOLDER_ENTER_FIRST_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, 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(''); _.each(this.contacts(), function (oItem) { oItem.checked(false); }); };