snappymail/dev/View/User/MailBox/FolderList.js

var
	window = require('window'),
	_ = require('_'),
	$ = require('$'),
	ko = require('ko'),
	key = require('key'),

	Utils = require('Common/Utils'),
	Enums = require('Common/Enums'),
	Globals = require('Common/Globals'),
	Links = require('Common/Links'),

	Cache = require('Common/Cache'),

	AppStore = require('Stores/User/App'),
	SettingsStore = require('Stores/User/Settings'),
	FolderStore = require('Stores/User/Folder'),
	MessageStore = require('Stores/User/Message'),

	Settings = require('Storage/Settings'),

	kn = require('Knoin/Knoin'),
	AbstractView = require('Knoin/AbstractView');

/**
 * @constructor
 * @extends AbstractView
 */
function FolderListMailBoxUserView()
{
	AbstractView.call(this, 'Left', 'MailFolderList');

	this.oContentVisible = null;
	this.oContentScrollable = null;

	this.composeInEdit = AppStore.composeInEdit;

	this.messageList = MessageStore.messageList;
	this.folderList = FolderStore.folderList;
	this.folderListSystem = FolderStore.folderListSystem;
	this.foldersChanging = FolderStore.foldersChanging;

	this.foldersListWithSingleInboxRootFolder = FolderStore.foldersListWithSingleInboxRootFolder;

	this.leftPanelDisabled = Globals.leftPanelDisabled;

	this.iDropOverTimer = 0;

	this.allowComposer = !!Settings.capa(Enums.Capa.Composer);
	this.allowContacts = !!AppStore.contactsIsAllowed();
	this.allowFolders = !!Settings.capa(Enums.Capa.Folders);

	this.folderListFocused = ko.computed(function() {
		return Enums.Focused.FolderList === AppStore.focusedState();
	});

	this.isInboxStarred = ko.computed(function() {
		return FolderStore.currentFolder() &&
			FolderStore.currentFolder().isInbox() &&
			-1 < Utils.trim(MessageStore.messageListSearch()).indexOf('is:flagged');
	});

	kn.constructorEnd(this);
}

kn.extendAsViewModel(['View/User/MailBox/FolderList', 'View/App/MailBox/FolderList', 'MailBoxFolderListViewModel'], FolderListMailBoxUserView);
_.extend(FolderListMailBoxUserView.prototype, AbstractView.prototype);

FolderListMailBoxUserView.prototype.onBuild = function(oDom)
{
	this.oContentVisible = $('.b-content', oDom);
	this.oContentScrollable = $('.content', this.oContentVisible);

	var
		self = this,
		bMobile = Settings.appSettingsGet('mobile'),
		fSelectFolder = function(oEvent, bStarred) {

			if (bMobile)
			{
				Globals.leftPanelDisabled(true);
			}

			oEvent.preventDefault();

			if (bStarred)
			{
				oEvent.stopPropagation();
			}

			var
				oFolder = ko.dataFor(this);

			if (oFolder)
			{
				if (Enums.Layout.NoPreview === SettingsStore.layout())
				{
					MessageStore.message(null);
				}

				if (oFolder.fullNameRaw === FolderStore.currentFolderFullNameRaw())
				{
					Cache.setFolderHash(oFolder.fullNameRaw, '');
				}

				if (bStarred)
				{
					kn.setHash(Links.mailBox(oFolder.fullNameHash, 1, 'is:flagged'));
				}
				else
				{
					kn.setHash(Links.mailBox(oFolder.fullNameHash));
				}
			}
		};

	oDom
		.on('click', '.b-folders .e-item .e-link .e-collapsed-sign', function(oEvent) {

			var
				oFolder = ko.dataFor(this),
				bCollapsed = false;

			if (oFolder && oEvent)
			{
				bCollapsed = oFolder.collapsed();
				require('App/User').default.setExpandedFolder(oFolder.fullNameHash, bCollapsed);

				oFolder.collapsed(!bCollapsed);
				oEvent.preventDefault();
				oEvent.stopPropagation();
			}
		})
		.on('click', '.b-folders .e-item .e-link.selectable .inbox-star-icon', function(oEvent) {
			fSelectFolder.call(this, oEvent, !self.isInboxStarred());
		})
		.on('click', '.b-folders .e-item .e-link.selectable', function(oEvent) {
			fSelectFolder.call(this, oEvent, false);
		});

	key('up, down', Enums.KeyState.FolderList, function(event, handler) {

		var
			iIndex = -1,
			iKeyCode = handler && 'up' === handler.shortcut ? Enums.EventKeyCode.Up : Enums.EventKeyCode.Down,
			$items = $('.b-folders .e-item .e-link:not(.hidden):visible', oDom);

		if (event && $items.length)
		{
			iIndex = $items.index($items.filter('.focused'));
			if (-1 < iIndex)
			{
				$items.eq(iIndex).removeClass('focused');
			}

			if (Enums.EventKeyCode.Up === iKeyCode && 0 < iIndex)
			{
				iIndex -= 1;
			}
			else if (Enums.EventKeyCode.Down === iKeyCode && iIndex < $items.length - 1)
			{
				iIndex += 1;
			}

			$items.eq(iIndex).addClass('focused');
			self.scrollToFocused();
		}

		return false;
	});

	key('enter', Enums.KeyState.FolderList, function() {
		var $items = $('.b-folders .e-item .e-link:not(.hidden).focused', oDom);
		if ($items.length && $items[0])
		{
			AppStore.focusedState(Enums.Focused.MessageList);
			$items.click();
		}

		return false;
	});

	key('space', Enums.KeyState.FolderList, function() {
		var
			bCollapsed = true,
			oFolder = null,
			$items = $('.b-folders .e-item .e-link:not(.hidden).focused', oDom);

		if ($items.length && $items[0])
		{
			oFolder = ko.dataFor($items[0]);
			if (oFolder)
			{
				bCollapsed = oFolder.collapsed();
				require('App/User').default.setExpandedFolder(oFolder.fullNameHash, bCollapsed);
				oFolder.collapsed(!bCollapsed);
			}
		}

		return false;
	});

	key('esc, tab, shift+tab, right', Enums.KeyState.FolderList, function() {
		AppStore.focusedState(Enums.Focused.MessageList);
		return false;
	});

	AppStore.focusedState.subscribe(function(mValue) {
		$('.b-folders .e-item .e-link.focused', oDom).removeClass('focused');
		if (Enums.Focused.FolderList === mValue)
		{
			$('.b-folders .e-item .e-link.selected', oDom).addClass('focused');
		}
	});
};

FolderListMailBoxUserView.prototype.messagesDropOver = function(oFolder)
{
	window.clearTimeout(this.iDropOverTimer);
	if (oFolder && oFolder.collapsed())
	{
		this.iDropOverTimer = window.setTimeout(function() {
			oFolder.collapsed(false);
			require('App/User').default.setExpandedFolder(oFolder.fullNameHash, true);
			Utils.windowResize();
		}, Enums.Magics.Time500ms);
	}
};

FolderListMailBoxUserView.prototype.messagesDropOut = function()
{
	window.clearTimeout(this.iDropOverTimer);
};

FolderListMailBoxUserView.prototype.scrollToFocused = function()
{
	if (!this.oContentVisible || !this.oContentScrollable)
	{
		return false;
	}

	var
		iOffset = 20,
		oFocused = $('.e-item .e-link.focused', this.oContentScrollable),
		oPos = oFocused.position(),
		iVisibleHeight = this.oContentVisible.height(),
		iFocusedHeight = oFocused.outerHeight();

	if (oPos && (0 > oPos.top || oPos.top + iFocusedHeight > iVisibleHeight))
	{
		if (0 > oPos.top)
		{
			this.oContentScrollable.scrollTop(this.oContentScrollable.scrollTop() + oPos.top - iOffset);
		}
		else
		{
			this.oContentScrollable.scrollTop(this.oContentScrollable.scrollTop() + oPos.top - iVisibleHeight + iFocusedHeight + iOffset);
		}

		return true;
	}

	return false;
};

/**
 * @param {FolderModel} oToFolder
 * @param {{helper:jQuery}} oUi
 * @returns {void}
 */
FolderListMailBoxUserView.prototype.messagesDrop = function(oToFolder, oUi)
{
	if (oToFolder && oUi && oUi.helper)
	{
		var
			sFromFolderFullNameRaw = oUi.helper.data('rl-folder'),
			bCopy = Globals.$html.hasClass('rl-ctrl-key-pressed'),
			aUids = oUi.helper.data('rl-uids');

		if (Utils.isNormal(sFromFolderFullNameRaw) && '' !== sFromFolderFullNameRaw && Utils.isArray(aUids))
		{
			require('App/User').default.moveMessagesToFolder(sFromFolderFullNameRaw, aUids, oToFolder.fullNameRaw, bCopy);
		}
	}
};

FolderListMailBoxUserView.prototype.composeClick = function()
{
	if (Settings.capa(Enums.Capa.Composer))
	{
		kn.showScreenPopup(require('View/Popup/Compose'));
	}
};

FolderListMailBoxUserView.prototype.createFolder = function()
{
	kn.showScreenPopup(require('View/Popup/FolderCreate'));
};

FolderListMailBoxUserView.prototype.configureFolders = function()
{
	kn.setHash(Links.settings('folders'));
};

FolderListMailBoxUserView.prototype.contactsClick = function()
{
	if (this.allowContacts)
	{
		kn.showScreenPopup(require('View/Popup/Contacts'));
	}
};

module.exports = FolderListMailBoxUserView;