*.jsx -> *.js

dev/Settings/User/Folders.js

@@ -0,0 +1,171 @@
+
+import ko from 'ko';
+
+import {ClientSideKeyName, Notification} from 'Common/Enums';
+import {trim, noop} from 'Common/Utils';
+import {getNotification, i18n} from 'Common/Translator';
+
+import {removeFolderFromCacheList} from 'Common/Cache';
+
+import {appSettingsGet} from 'Storage/Settings';
+import * as Local from 'Storage/Client';
+
+import {showScreenPopup} from 'Knoin/Knoin';
+
+import FolderStore from 'Stores/User/Folder';
+
+import Promises from 'Promises/User/Ajax';
+import Remote from 'Remote/User/Ajax';
+
+class FoldersUserSettings
+{
+	constructor() {
+		this.displaySpecSetting = FolderStore.displaySpecSetting;
+		this.folderList = FolderStore.folderList;
+
+		this.folderListHelp = ko.observable('').extend({throttle: 100});
+
+		this.loading = ko.computed(() => {
+			const
+				bLoading = FolderStore.foldersLoading(),
+				bCreating = FolderStore.foldersCreating(),
+				bDeleting = FolderStore.foldersDeleting(),
+				bRenaming = FolderStore.foldersRenaming();
+
+			return bLoading || bCreating || bDeleting || bRenaming;
+		});
+
+		this.folderForDeletion = ko.observable(null).deleteAccessHelper();
+
+		this.folderForEdit = ko.observable(null).extend({toggleSubscribe: [this,
+			(prev) => {
+				if (prev)
+				{
+					prev.edited(false);
+				}
+			}, (next) => {
+				if (next && next.canBeEdited())
+				{
+					next.edited(true);
+				}
+			}
+		]});
+
+		this.useImapSubscribe = !!appSettingsGet('useImapSubscribe');
+	}
+
+	folderEditOnEnter(folder) {
+		const nameToEdit = folder ? trim(folder.nameForEdit()) : '';
+
+		if ('' !== nameToEdit && folder.name() !== nameToEdit)
+		{
+			Local.set(ClientSideKeyName.FoldersLashHash, '');
+
+			require('App/User').default.foldersPromisesActionHelper(
+				Promises.folderRename(folder.fullNameRaw, nameToEdit, FolderStore.foldersRenaming),
+				Notification.CantRenameFolder
+			);
+
+			removeFolderFromCacheList(folder.fullNameRaw);
+
+			folder.name(nameToEdit);
+		}
+
+		folder.edited(false);
+	}
+
+	folderEditOnEsc(folder) {
+		if (folder)
+		{
+			folder.edited(false);
+		}
+	}
+
+	onShow() {
+		FolderStore.folderList.error('');
+	}
+
+	onBuild(oDom) {
+		oDom
+			.on('mouseover', '.delete-folder-parent', () => {
+				this.folderListHelp(i18n('SETTINGS_FOLDERS/HELP_DELETE_FOLDER'));
+			})
+			.on('mouseover', '.subscribe-folder-parent', () => {
+				this.folderListHelp(i18n('SETTINGS_FOLDERS/HELP_SHOW_HIDE_FOLDER'));
+			})
+			.on('mouseover', '.check-folder-parent', () => {
+				this.folderListHelp(i18n('SETTINGS_FOLDERS/HELP_CHECK_FOR_NEW_MESSAGES'));
+			})
+			.on('mouseout', '.subscribe-folder-parent, .check-folder-parent, .delete-folder-parent', () => {
+				this.folderListHelp('');
+			});
+	}
+
+	createFolder() {
+		showScreenPopup(require('View/Popup/FolderCreate'));
+	}
+
+	systemFolder() {
+		showScreenPopup(require('View/Popup/FolderSystem'));
+	}
+
+	deleteFolder(folderToRemove) {
+		if (folderToRemove && folderToRemove.canBeDeleted() && folderToRemove.deleteAccess() &&
+			0 === folderToRemove.privateMessageCountAll())
+		{
+			this.folderForDeletion(null);
+
+			if (folderToRemove)
+			{
+				const
+					fRemoveFolder = function(folder) {
+						if (folderToRemove === folder)
+						{
+							return true;
+						}
+						folder.subFolders.remove(fRemoveFolder);
+						return false;
+					};
+
+				Local.set(ClientSideKeyName.FoldersLashHash, '');
+
+				FolderStore.folderList.remove(fRemoveFolder);
+
+				require('App/User').default.foldersPromisesActionHelper(
+					Promises.folderDelete(folderToRemove.fullNameRaw, FolderStore.foldersDeleting),
+					Notification.CantDeleteFolder
+				);
+
+				removeFolderFromCacheList(folderToRemove.fullNameRaw);
+			}
+		}
+		else if (0 < folderToRemove.privateMessageCountAll())
+		{
+			FolderStore.folderList.error(getNotification(Notification.CantDeleteNonEmptyFolder));
+		}
+	}
+
+	subscribeFolder(folder) {
+		Local.set(ClientSideKeyName.FoldersLashHash, '');
+		Remote.folderSetSubscribe(noop, folder.fullNameRaw, true);
+		folder.subScribed(true);
+	}
+
+	unSubscribeFolder(folder) {
+		Local.set(ClientSideKeyName.FoldersLashHash, '');
+		Remote.folderSetSubscribe(noop, folder.fullNameRaw, false);
+		folder.subScribed(false);
+	}
+
+	checkableTrueFolder(folder) {
+		Remote.folderSetCheckable(noop, folder.fullNameRaw, true);
+		folder.checkable(true);
+	}
+
+	checkableFalseFolder(folder) {
+		Remote.folderSetCheckable(noop, folder.fullNameRaw, false);
+		folder.checkable(false);
+	}
+}
+
+export {FoldersUserSettings, FoldersUserSettings as default};