snappymail/dev/View/Popup/Contacts.js

(function () {

	'use strict';

	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'),

		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.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.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(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
				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)
				{
					default:
					case 'to':
						aToEmails = aE;
						break;
					case 'cc':
						aCcEmails = aE;
						break;
					case 'bcc':
						aBccEmails = aE;
						break;
				}

				self.sLastComposeFocusedField = '';

				_.delay(function () {
					kn.showScreenPopup(require('View/Popup/Compose'),
						[Enums.ComposeType.Empty, null, aToEmails, aCcEmails, aBccEmails]);
				}, 200);
			}

		}, 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 () {

			var self = this;
			require('App/User').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.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;
	};

	ContactsPopupView.prototype.addNewProperty = function (sType, sTypeStr)
	{
		this.viewProperties.push(new ContactPropertyModel(sType, sTypeStr || '', '', true, this.getPropertyPlceholder(sType)));
	};

	ContactsPopupView.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);
		}
	};

	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').download(Links.exportContactsVcf());
	};

	ContactsPopupView.prototype.exportCsv = function ()
	{
		require('App/User').download(Links.exportContactsCsv());
	};

	ContactsPopupView.prototype.initUploader = function ()
	{
		if (this.importUploaderButton())
		{
			var
				oJua = new Jua({
					'action': Links.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(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--;
			});

			if (iCount <= 0)
			{
				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
		{
			_.delay((function (self) {
				return function () {
					self.reloadContactList(self.bDropPageAfterDelete);
				};
			}(this)), 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.getPropertyPlceholder(Enums.ContactPropertyType.LastName)));

		aList.unshift(new ContactPropertyModel(Enums.ContactPropertyType.FirstName, '', sFirstName, !oContact,
			this.getPropertyPlceholder(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.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 = []
			;

			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.Defaults.ContactsPerPage, 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;
		});

		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;

			kn.showScreenPopup(require('View/Popup/Compose'));
		}
	};

	module.exports = ContactsPopupView;

}());