From 9f1ea1a0fd8e6776e5632dc308029bda0636d52b Mon Sep 17 00:00:00 2001
From: djmaze <djmaze@djmaze.lan>
Date: Fri, 14 Aug 2020 20:35:39 +0200
Subject: [PATCH] Bugfix boostrap alerts.less was accidentally removed Bugfix
 Date.fromNow('past'/'future') reversed Replace Events[pub/sub]('interval.*')
 with setInterval() Events[pub/sub] to native Cleanup knockout extensions
 Replaced momentToNode with proper HTML5 <time> Cleanup Momentor

---
 README.md                                     |  35 +-
 dev/App/Abstract.js                           |  36 +-
 dev/App/User.js                               | 119 +---
 dev/Common/Audio.js                           |  11 +-
 dev/Common/Enums.js                           | 564 +++++++++---------
 dev/Common/Events.js                          |  41 --
 dev/Common/Momentor.js                        | 137 ++---
 dev/Common/Selector.js                        |   2 +-
 dev/Common/Utils.js                           |   4 +-
 dev/External/ko.js                            | 323 ++--------
 dev/Knoin/Knoin.js                            |   2 +-
 dev/Model/Folder.js                           |  13 +-
 dev/Remote/User/Ajax.js                       |   7 -
 dev/Screen/AbstractSettings.js                |   2 +-
 dev/Screen/User/MailBox.js                    |   7 +-
 dev/Stores/User/Folder.js                     |  14 +-
 dev/Stores/User/Message.js                    |   5 +-
 dev/Stores/User/Notification.js               |   9 +-
 dev/Stores/User/Settings.js                   |  17 +-
 dev/Styles/@Main.less                         |   3 +-
 dev/Styles/Animations.less                    |  12 +-
 dev/Styles/Cmd.less                           |  82 ---
 dev/Styles/MessageView.less                   |  11 -
 dev/View/Popup/Compose.js                     |  54 +-
 dev/View/Popup/FolderSystem.js                |   2 +-
 dev/View/Popup/Plugin.js                      |   2 +-
 dev/View/User/AbstractSystemDropDown.js       |   7 +-
 dev/View/User/MailBox/MessageList.js          |  15 +-
 dev/View/User/MailBox/MessageView.js          |  15 +-
 dev/prototype-date.js                         |   2 +-
 .../0.0.0/app/libraries/RainLoop/Actions.php  |  43 --
 .../0.0.0/app/localization/webmail/nl_NL.yml  |   2 +-
 .../app/templates/Views/Admin/AdminPane.html  |   6 +-
 .../0.0.0/app/templates/Views/Common/Cmd.html |  10 -
 .../0.0.0/app/templates/Views/User/Login.html |   2 +-
 .../templates/Views/User/MailFolderList.html  |   6 +-
 .../templates/Views/User/MailMessageList.html |   6 +-
 .../Views/User/MailMessageListItem.html       |   4 +-
 .../MailMessageListItemNoPreviewPane.html     |   4 +-
 .../templates/Views/User/MailMessageView.html |  10 +-
 .../templates/Views/User/PopupsCompose.html   |   4 +-
 .../templates/Views/User/PopupsContacts.html  |   8 +-
 .../Views/User/PopupsMessageOpenPgp.html      |   1 -
 .../templates/Views/User/SettingsPane.html    |   6 +-
 44 files changed, 539 insertions(+), 1126 deletions(-)
 delete mode 100644 dev/Common/Events.js
 delete mode 100644 dev/Styles/Cmd.less
 delete mode 100644 rainloop/v/0.0.0/app/templates/Views/Common/Cmd.html

diff --git a/README.md b/README.md
index 5b9049cf8..99058ffc2 100644
--- a/README.md
+++ b/README.md
@@ -59,7 +59,7 @@ This fork uses downsized/simplified versions of scripts and has no support for I
 
 The result is faster and smaller download code (good for mobile networks).
 
-Things might work in Edge 15-18, Firefox 47-62 and Chrome 54-68 due to one polyfill for array.flat().
+Things might work in Edge 16-18, Firefox 50-62 and Chrome 54-68 due to one polyfill for array.flat().
 
 * Replaced jQuery with jQuery.slim
 * Replaced ProgressJS with simple native dropin
@@ -75,32 +75,33 @@ Things might work in Edge 15-18, Firefox 47-62 and Chrome 54-68 due to one polyf
 * Removed opentip (use CSS)
 * Replaced Autolinker with simple https/email detection
 * Replaced ifvisible.js with simple drop-in replacement
+* Replaced momentToNode with proper HTML5 <time>
 
-|js/*       	|1.14.0 	|native 	|gzip 1.14	|gzip   	|
-|-----------	|--------:	|--------:	|--------:	|--------:	|
-|admin.js    	|2.130.942	|1.119.128	|  485.481	|  271.258	|
-|app.js      	|4.184.455	|2.829.541	|  932.725	|  659.696	|
-|boot.js     	|  671.522	|   44.029	|  169.502	|   15.460	|
-|libs.js     	|  647.614	|  316.107	|  194.728	|   98.214	|
-|polyfills.js	|  325.834	|        0	|   71.825	|        0	|
-|TOTAL js   	|7.960.367	|4.308.805	|1.854.261	|1.044.628	|
+|js/*       	|1.14.0 	|native 	|
+|-----------	|--------:	|--------:	|
+|admin.js    	|2.130.942	|1.090.923	|
+|app.js      	|4.184.455	|2.775.561	|
+|boot.js     	|  671.522	|   44.029	|
+|libs.js     	|  647.614	|  316.107	|
+|polyfills.js	|  325.834	|        0	|
+|TOTAL      	|7.960.367	|4.226.620	|
 
 |js/min/*       	|1.14.0   	|native   	|gzip 1.14	|gzip   	|
 |---------------	|--------:	|--------:	|--------:	|--------:	|
-|admin.min.js    	|  252.147	|  151.632	| 73.657	| 43.313	|
-|app.min.js      	|  511.202	|  377.163	|140.462	| 99.062	|
-|boot.min.js     	|   66.007	|    5.589	| 22.567	|  2.333	|
-|libs.min.js     	|  572.545	|  300.211	|176.720	| 92.698	|
+|admin.min.js    	|  252.147	|  148.293	| 73.657	| 42.376	|
+|app.min.js      	|  511.202	|  371.757	|140.462	| 97.432	|
+|boot.min.js     	|   66.007	|    5.589	| 22.567	|  2.332	|
+|libs.min.js     	|  572.545	|  300.211	|176.720	| 92.699	|
 |polyfills.min.js	|   32.452	|        0	| 11.312	|      0	|
-|TOTAL js/min   	|1.434.353	|  834.595	|424.718	|237.406	|
+|TOTAL          	|1.434.353	|  825.850	|424.718	|234.839	|
 
-599.758 bytes (187.312 gzip) is not much, but it feels faster.
+604.051 bytes (188.978 gzip) is not much, but it feels faster.
 
 
 |css/*       	|1.14.0   	|native   	|
 |--------------	|--------:	|--------:	|
-|app.css    	|  340.334	|  267.507	|
-|app.min.css	|  274.791	|  212.244	|
+|app.css    	|  340.334	|  266.796	|
+|app.min.css	|  274.791	|  211.638	|
 
 
 ### PHP73 branch
diff --git a/dev/App/Abstract.js b/dev/App/Abstract.js
index 2755bab3d..9057c99b4 100644
--- a/dev/App/Abstract.js
+++ b/dev/App/Abstract.js
@@ -13,7 +13,6 @@ import { isNormal, pString, detectDropdownVisibility, windowResizeCallback } fro
 import { KeyState } from 'Common/Enums';
 import { root, rootAdmin, rootUser, populateAuthSuffix } from 'Common/Links';
 import { initOnStartOrLangChange, initNotificationLanguage } from 'Common/Translator';
-import * as Events from 'Common/Events';
 import * as Settings from 'Storage/Settings';
 
 import LanguageStore from 'Stores/Language';
@@ -32,11 +31,9 @@ class AbstractApp extends AbstractBoot {
 		this.isLocalAutocomplete = true;
 		this.lastErrorTime = 0;
 
-		addEventListener('resize', () => Events.pub('window.resize'));
-
 		var t;
-		Events.sub(
-			'window.resize',
+		addEventListener(
+			'resize',
 			()=>{
 				// throttle
 				if (!t) {
@@ -47,8 +44,7 @@ class AbstractApp extends AbstractBoot {
 						if ($win.__sizes[0] !== iH || $win.__sizes[1] !== iW) {
 							$win.__sizes[0] = iH;
 							$win.__sizes[1] = iW;
-
-							Events.pub('window.resize.real');
+							dispatchEvent(new CustomEvent('resize.real'));
 						}
 						t = 0;
 					}, 50);
@@ -56,16 +52,6 @@ class AbstractApp extends AbstractBoot {
 			}
 		);
 
-		// DEBUG
-		//		Events.sub({
-		//			'window.resize': function() {
-		//				console.log('window.resize');
-		//			},
-		//			'window.resize.real': function() {
-		//				console.log('window.resize.real');
-		//			}
-		//		});
-
 		const $doc = document;
 		$doc.addEventListener('keydown', (event) => {
 			if (event && event.ctrlKey) {
@@ -81,8 +67,8 @@ class AbstractApp extends AbstractBoot {
 		var d;
 		const fn = ()=>{
 			// debounce
-			d && clearTimeout(d);
-			d = setTimeout(()=>Events.pub('rl.auto-logout-refresh'), 5000);
+			clearTimeout(d);
+			d = setTimeout(()=>dispatchEvent(new CustomEvent('rl.auto-logout-refresh')), 5000);
 		}
 
 		$doc.addEventListener('mousemove', fn);
@@ -211,8 +197,6 @@ class AbstractApp extends AbstractBoot {
 	}
 
 	bootstart() {
-		Events.pub('rl.bootstart');
-
 		const mobile = Settings.appSettingsGet('mobile');
 
 		ko.components.register('SaveTrigger', require('Component/SaveTrigger').default);
@@ -239,10 +223,6 @@ class AbstractApp extends AbstractBoot {
 
 		setTimeout(windowResizeCallback, 1000);
 
-		Events.sub('ssm.mobile-enter', () => leftPanelDisabled(true));
-
-		Events.sub('ssm.mobile-leave', () => leftPanelDisabled(false));
-
 		if (!mobile) {
 			$htmlCL.add('rl-desktop');
 
@@ -251,11 +231,11 @@ class AbstractApp extends AbstractBoot {
 				query: '(max-width: 767px)',
 				onEnter: () => {
 					$htmlCL.add('ssm-state-mobile');
-					Events.pub('ssm.mobile-enter');
+					leftPanelDisabled(true);
 				},
 				onLeave: () => {
 					$htmlCL.remove('ssm-state-mobile');
-					Events.pub('ssm.mobile-leave');
+					leftPanelDisabled(false);
 				}
 			});
 
@@ -281,7 +261,7 @@ class AbstractApp extends AbstractBoot {
 			});
 		} else {
 			$htmlCL.add('ssm-state-mobile', 'rl-mobile');
-			Events.pub('ssm.mobile-enter');
+			leftPanelDisabled(true);
 		}
 
 		leftPanelDisabled.subscribe((bValue) => {
diff --git a/dev/App/User.js b/dev/App/User.js
index 57c7e3ac6..49dfae833 100644
--- a/dev/App/User.js
+++ b/dev/App/User.js
@@ -23,7 +23,7 @@ import { $htmlCL, leftPanelDisabled, bMobileDevice } from 'Common/Globals';
 
 import { UNUSED_OPTION_VALUE } from 'Common/Consts';
 import { runHook } from 'Common/Plugins';
-import { momentNowUnix, reload as momentReload } from 'Common/Momentor';
+import { reload as momentReload } from 'Common/Momentor';
 
 import {
 	initMessageFlagsFromCache,
@@ -44,8 +44,6 @@ import {
 	openPgpJs
 } from 'Common/Links';
 
-import * as Events from 'Common/Events';
-
 import { getNotification, i18n } from 'Common/Translator';
 
 import AppStore from 'Stores/User/App';
@@ -85,22 +83,19 @@ import { AbstractApp } from 'App/Abstract';
 const doc = document;
 
 if (!window.ResizeObserver) {
+	let rot;
 	window.ResizeObserver = class {
 		constructor(callback) {
 			this.observer = new MutationObserver(mutations => {
-				let entries = [];
-				mutations.forEach(mutation => {
-					if ('style' == mutation.attributeName) {
-						entries.push({
-							contentRect: {
-								width: mutation.target.offsetWidth,
-								height: mutation.target.offsetHeight
-							},
-							target: mutation.target
-						});
+				let i = mutations.length;
+				while (i--) {
+					if ('style' == mutations[i].attributeName) {
+						// debounce
+						clearTimeout(rot);
+						rot = setTimeout(callback, 250);
+						break;
 					}
-				});
-				callback(entries);
+				}
 			});
 		}
 
@@ -123,25 +118,12 @@ class AppUser extends AbstractApp {
 		let qd, o = this;
 		this.quotaDebounce = ()=>{
 			// debounce
-			qd && clearTimeout(qd);
+			clearTimeout(qd);
 			qd = setTimeout(o.quota, 30000);
 		};
 
 		this.moveOrDeleteResponseHelper = this.moveOrDeleteResponseHelper.bind(this);
 
-		setInterval(() => Events.pub('interval.30s'), 30000);
-		setInterval(() => Events.pub('interval.1m'), 60000);
-		setInterval(() => Events.pub('interval.2m'), 120000);
-		setInterval(() => Events.pub('interval.3m'), 180000);
-		setInterval(() => Events.pub('interval.5m'), 300000);
-		setInterval(() => Events.pub('interval.10m'), 600000);
-		setInterval(() => Events.pub('interval.15m'), 900000);
-		setInterval(() => Events.pub('interval.20m'), 1200000);
-
-		setTimeout(() => setInterval(() => Events.pub('interval.2m-after5m'), 120000), 300000);
-		setTimeout(() => setInterval(() => Events.pub('interval.5m-after5m'), 300000), 300000);
-		setTimeout(() => setInterval(() => Events.pub('interval.10m-after5m'), 600000), 300000);
-
 		// wakeUp
 		const interval = 3600000; // 60m
 		var lastTime = (new Date()).getTime();
@@ -284,7 +266,7 @@ class AppUser extends AbstractApp {
 	messagesMoveTrigger() {
 		// debounce
 		const o = this;
-		o.mt && clearTimeout(o.mt);
+		clearTimeout(o.mt);
 		o.mt = setTimeout(()=>{
 			const sTrashFolder = FolderStore.trashFolder(),
 				sSpamFolder = FolderStore.spamFolder();
@@ -537,37 +519,7 @@ class AppUser extends AbstractApp {
 		}
 	}
 
-	accountsCounts() {
-		return false;
-		// AccountStore.accounts.loading(true);
-		//
-		// Remote.accountsCounts((sResult, oData) => {
-		//
-		// 	AccountStore.accounts.loading(false);
-		//
-		// 	if (StorageResultType.Success === sResult && oData.Result && oData.Result['Counts'])
-		// 	{
-		// 		var
-		// 			sEmail = AccountStore.email(),
-		// 			aAcounts = AccountStore.accounts()
-		// 		;
-		//
-		// 		oData.Result['Counts'].find(oItem => {
-		//
-		// 			var oAccount = aAcounts.find(oAccount => {
-		// 				return oAccount && oItem[0] === oAccount.email && sEmail !== oAccount.email;
-		// 			});
-		//
-		// 			if (oAccount)
-		// 			{
-		// 				oAccount.count(pInt(oItem[1]));
-		// 			}
-		// 		});
-		// 	}
-		// });
-	}
-
-	accountsAndIdentities(bBoot) {
+	accountsAndIdentities() {
 		AccountStore.accounts.loading(true);
 		IdentityStore.identities.loading(true);
 
@@ -594,11 +546,6 @@ class AppUser extends AbstractApp {
 					);
 				}
 
-				if (undefined === bBoot ? false : !!bBoot) {
-					setTimeout(() => this.accountsCounts(), 1000 * 5);
-					Events.sub('interval.10m-after5m', () => this.accountsCounts());
-				}
-
 				if (Array.isArray(oData.Result.Identities)) {
 					delegateRunOnDestroy(IdentityStore.identities());
 
@@ -673,7 +620,7 @@ class AppUser extends AbstractApp {
 
 							const folderFromCache = getFolderFromCacheList(data.Result.Folder);
 							if (folderFromCache) {
-								folderFromCache.interval = momentNowUnix();
+								folderFromCache.interval = Date.now() / 1000;
 
 								if (data.Result.Hash) {
 									setFolderHash(data.Result.Folder, data.Result.Hash);
@@ -748,7 +695,7 @@ class AppUser extends AbstractApp {
 			Remote.folderInformationMultiply((sResult, oData) => {
 				if (StorageResultType.Success === sResult) {
 					if (oData && oData.Result && oData.Result.List && isNonEmptyArray(oData.Result.List)) {
-						const utc = momentNowUnix();
+						const utc = Date.now() / 1000;
 						oData.Result.List.forEach(item => {
 							const hash = getFolderHash(item.Folder),
 								folder = getFolderFromCacheList(item.Folder);
@@ -974,7 +921,7 @@ class AppUser extends AbstractApp {
 			};
 		if (top && bottom) {
 			fDisable(false);
-			Events.sub('layout', layout => fDisable(Layout.BottomPreview !== layout));
+			addEventListener('rl-layout', e => fDisable(Layout.BottomPreview !== e.detail));
 		}
 	}
 
@@ -986,8 +933,7 @@ class AppUser extends AbstractApp {
 			};
 		if (left && right) {
 			fDisable(false);
-			Events.sub('left-panel.off', () => fDisable(true));
-			Events.sub('left-panel.on', () => fDisable(false));
+			leftPanelDisabled.subscribe(value => fDisable(value));
 		}
 	}
 
@@ -1018,7 +964,6 @@ class AppUser extends AbstractApp {
 			startScreens([LoginUserScreen]);
 
 			runHook('rl-start-login-screens');
-			Events.pub('rl.bootstart-login-screens');
 		} else {
 			routeOff();
 			setHash(root(), true);
@@ -1054,10 +999,6 @@ class AppUser extends AbstractApp {
 			progressJs.set(90);
 		}
 
-		leftPanelDisabled.subscribe((value) => {
-			Events.pub('left-panel.' + (value ? 'off' : 'on'));
-		});
-
 		this.setWindowTitle('');
 		if (Settings.settingsGet('Auth')) {
 			$htmlCL.add('rl-user-auth');
@@ -1102,8 +1043,6 @@ class AppUser extends AbstractApp {
 								PgpStore.openpgpKeyring = new openpgp.Keyring();
 								PgpStore.capaOpenPGP(true);
 
-								Events.pub('openpgp.init');
-
 								this.reloadOpenPgpKeys();
 
 								return true;
@@ -1126,25 +1065,25 @@ class AppUser extends AbstractApp {
 							// false ? AboutUserScreen : null
 						]);
 
-						Events.sub('interval.2m', () => this.folderInformation(getFolderInboxName()));
-						Events.sub('interval.3m', () => {
+						setInterval(() => this.folderInformation(getFolderInboxName()), 120000);
+						setInterval(() => {
 							const sF = FolderStore.currentFolderFullNameRaw();
 							if (getFolderInboxName() !== sF) {
 								this.folderInformation(sF);
 							}
-						});
+						}, 180000);
 
-						Events.sub('interval.2m-after5m', () => this.folderInformationMultiply());
-						Events.sub('interval.15m', () => this.quota());
-						Events.sub('interval.20m', () => this.foldersReload());
+						setTimeout(() => setInterval(this.folderInformationMultiply, 120000), 300000);
+						setInterval(this.quota, 900000);
+						setInterval(this.foldersReload, 1200000);
 
 						contactsSyncInterval = 5 <= contactsSyncInterval ? contactsSyncInterval : 20;
 						contactsSyncInterval = 320 >= contactsSyncInterval ? contactsSyncInterval : 320;
 
-						setTimeout(() => this.contactsSync(), 10000);
+						setTimeout(this.contactsSync, 10000);
 						setTimeout(() => this.folderInformationMultiply(true), 2000);
 
-						setInterval(() => this.contactsSync(), contactsSyncInterval * 60000 + 5000);
+						setInterval(this.contactsSync, contactsSyncInterval * 60000 + 5000);
 
 						this.accountsAndIdentities(true);
 
@@ -1155,13 +1094,12 @@ class AppUser extends AbstractApp {
 							}
 						}, 1000);
 
-						setTimeout(() => this.quota(), 5000);
+						setTimeout(this.quota, 5000);
 						setTimeout(() => Remote.appDelayStart(()=>{}), 35000);
 
-						Events.sub('rl.auto-logout', () => this.logout());
+						addEventListener('rl.auto-logout', () => this.logout());
 
 						runHook('rl-start-user-screens');
-						Events.pub('rl.bootstart-user-screens');
 
 						if (Settings.settingsGet('WelcomePageUrl')) {
 							setTimeout(() => this.bootstartWelcomePopup(Settings.settingsGet('WelcomePageUrl')), 1000);
@@ -1203,10 +1141,9 @@ class AppUser extends AbstractApp {
 			this.bootstartLoginScreen();
 		}
 
-		Events.sub('interval.1m', () => momentReload());
+		setInterval(momentReload, 60000);
 
 		runHook('rl-start-screens');
-		Events.pub('rl.bootstart-end');
 	}
 }
 
diff --git a/dev/Common/Audio.js b/dev/Common/Audio.js
index 458ca8d81..91a35c7db 100644
--- a/dev/Common/Audio.js
+++ b/dev/Common/Audio.js
@@ -1,5 +1,4 @@
 import * as Links from 'Common/Links';
-import * as Events from 'Common/Events';
 
 class Audio {
 	notificator = null;
@@ -37,7 +36,7 @@ class Audio {
 			this.player.addEventListener('ended', stopFn);
 			this.player.addEventListener('error', stopFn);
 
-			Events.sub('audio.api.stop', stopFn);
+			addEventListener('audio.api.stop', stopFn);
 		}
 	}
 
@@ -66,7 +65,7 @@ class Audio {
 			this.player.pause();
 		}
 
-		Events.pub('audio.stop');
+		dispatchEvent(new CustomEvent('audio.stop'));
 	}
 
 	pause() {
@@ -87,7 +86,7 @@ class Audio {
 			this.player.src = url;
 			this.player.play();
 
-			Events.pub('audio.start', [this.clearName(name, 'mp3'), 'mp3']);
+			dispatchEvent(new CustomEvent('audio.start', {detail:this.clearName(name, 'mp3')}));
 		}
 	}
 
@@ -99,7 +98,7 @@ class Audio {
 			name = this.clearName(name, 'oga');
 			name = this.clearName(name, 'ogg');
 
-			Events.pub('audio.start', [name, 'ogg']);
+			dispatchEvent(new CustomEvent('audio.start', {detail:name}));
 		}
 	}
 
@@ -108,7 +107,7 @@ class Audio {
 			this.player.src = url;
 			this.player.play();
 
-			Events.pub('audio.start', [this.clearName(name, 'wav'), 'wav']);
+			dispatchEvent(new CustomEvent('audio.start', {detail:this.clearName(name, 'wav')}));
 		}
 	}
 
diff --git a/dev/Common/Enums.js b/dev/Common/Enums.js
index 6422179f1..f89a2cd65 100644
--- a/dev/Common/Enums.js
+++ b/dev/Common/Enums.js
@@ -4,21 +4,21 @@
  * @enum {string}
  */
 export const FileType = {
-	'Unknown': 'unknown',
-	'Text': 'text',
-	'Html': 'html',
-	'Code': 'code',
-	'Eml': 'eml',
-	'WordText': 'word-text',
-	'Pdf': 'pdf',
-	'Image': 'image',
-	'Audio': 'audio',
-	'Video': 'video',
-	'Sheet': 'sheet',
-	'Presentation': 'presentation',
-	'Certificate': 'certificate',
-	'CertificateBin': 'certificate-bin',
-	'Archive': 'archive',
+	Unknown: 'unknown',
+	Text: 'text',
+	Html: 'html',
+	Code: 'code',
+	Eml: 'eml',
+	WordText: 'word-text',
+	Pdf: 'pdf',
+	Image: 'image',
+	Audio: 'audio',
+	Video: 'video',
+	Sheet: 'sheet',
+	Presentation: 'presentation',
+	Certificate: 'certificate',
+	CertificateBin: 'certificate-bin',
+	Archive: 'archive',
 
 	getIconClass: function(type) {
 		let result = ['icon-file', ''];
@@ -67,483 +67,483 @@ export const FileType = {
  * @enum {string}
  */
 export const StorageResultType = {
-	'Success': 'success',
-	'Abort': 'abort',
-	'Error': 'error',
-	'Unload': 'unload'
+	Success: 'success',
+	Abort: 'abort',
+	Error: 'error',
+	Unload: 'unload'
 };
 
 /**
  * @enum {string}
  */
 export const Focused = {
-	'None': 'none',
-	'MessageList': 'message-list',
-	'MessageView': 'message-view',
-	'FolderList': 'folder-list'
+	None: 'none',
+	MessageList: 'message-list',
+	MessageView: 'message-view',
+	FolderList: 'folder-list'
 };
 
 /**
  * @enum {number}
  */
 export const State = {
-	'Empty': 10,
-	'Login': 20,
-	'Auth': 30
+	Empty: 10,
+	Login: 20,
+	Auth: 30
 };
 
 /**
  * @enum {number}
  */
 export const StateType = {
-	'Webmail': 0,
-	'Admin': 1
+	Webmail: 0,
+	Admin: 1
 };
 
 /**
  * @enum {string}
  */
 export const Capa = {
-	'TwoFactor': 'TWO_FACTOR',
-	'TwoFactorForce': 'TWO_FACTOR_FORCE',
-	'OpenPGP': 'OPEN_PGP',
-	'Prefetch': 'PREFETCH',
-	'Gravatar': 'GRAVATAR',
-	'Folders': 'FOLDERS',
-	'Composer': 'COMPOSER',
-	'Contacts': 'CONTACTS',
-	'Reload': 'RELOAD',
-	'Search': 'SEARCH',
-	'SearchAdv': 'SEARCH_ADV',
-	'MessageActions': 'MESSAGE_ACTIONS',
-	'MessageListActions': 'MESSAGELIST_ACTIONS',
-	'AttachmentsActions': 'ATTACHMENTS_ACTIONS',
-	'DangerousActions': 'DANGEROUS_ACTIONS',
-	'Settings': 'SETTINGS',
-	'Help': 'HELP',
-	'Themes': 'THEMES',
-	'UserBackground': 'USER_BACKGROUND',
-	'Sieve': 'SIEVE',
-	'Filters': 'FILTERS',
-	'AttachmentThumbnails': 'ATTACHMENT_THUMBNAILS',
-	'Templates': 'TEMPLATES',
-	'AutoLogout': 'AUTOLOGOUT',
-	'AdditionalAccounts': 'ADDITIONAL_ACCOUNTS',
-	'Identities': 'IDENTITIES'
+	TwoFactor: 'TWO_FACTOR',
+	TwoFactorForce: 'TWO_FACTOR_FORCE',
+	OpenPGP: 'OPEN_PGP',
+	Prefetch: 'PREFETCH',
+	Gravatar: 'GRAVATAR',
+	Folders: 'FOLDERS',
+	Composer: 'COMPOSER',
+	Contacts: 'CONTACTS',
+	Reload: 'RELOAD',
+	Search: 'SEARCH',
+	SearchAdv: 'SEARCH_ADV',
+	MessageActions: 'MESSAGE_ACTIONS',
+	MessageListActions: 'MESSAGELIST_ACTIONS',
+	AttachmentsActions: 'ATTACHMENTS_ACTIONS',
+	DangerousActions: 'DANGEROUS_ACTIONS',
+	Settings: 'SETTINGS',
+	Help: 'HELP',
+	Themes: 'THEMES',
+	UserBackground: 'USER_BACKGROUND',
+	Sieve: 'SIEVE',
+	Filters: 'FILTERS',
+	AttachmentThumbnails: 'ATTACHMENT_THUMBNAILS',
+	Templates: 'TEMPLATES',
+	AutoLogout: 'AUTOLOGOUT',
+	AdditionalAccounts: 'ADDITIONAL_ACCOUNTS',
+	Identities: 'IDENTITIES'
 };
 
 /**
  * @enum {string}
  */
 export const KeyState = {
-	'All': 'all',
-	'None': 'none',
-	'ContactList': 'contact-list',
-	'MessageList': 'message-list',
-	'FolderList': 'folder-list',
-	'MessageView': 'message-view',
-	'Compose': 'compose',
-	'Settings': 'settings',
-	'Menu': 'menu',
-	'PopupComposeOpenPGP': 'compose-open-pgp',
-	'PopupMessageOpenPGP': 'message-open-pgp',
-	'PopupViewOpenPGP': 'view-open-pgp',
-	'PopupKeyboardShortcutsHelp': 'popup-keyboard-shortcuts-help',
-	'PopupAsk': 'popup-ask'
+	All: 'all',
+	None: 'none',
+	ContactList: 'contact-list',
+	MessageList: 'message-list',
+	FolderList: 'folder-list',
+	MessageView: 'message-view',
+	Compose: 'compose',
+	Settings: 'settings',
+	Menu: 'menu',
+	PopupComposeOpenPGP: 'compose-open-pgp',
+	PopupMessageOpenPGP: 'message-open-pgp',
+	PopupViewOpenPGP: 'view-open-pgp',
+	PopupKeyboardShortcutsHelp: 'popup-keyboard-shortcuts-help',
+	PopupAsk: 'popup-ask'
 };
 
 /**
  * @enum {number}
  */
 export const FolderType = {
-	'Inbox': 10,
-	'SentItems': 11,
-	'Draft': 12,
-	'Trash': 13,
-	'Spam': 14,
-	'Archive': 15,
-	'NotSpam': 80,
-	'User': 99
+	Inbox: 10,
+	SentItems: 11,
+	Draft: 12,
+	Trash: 13,
+	Spam: 14,
+	Archive: 15,
+	NotSpam: 80,
+	User: 99
 };
 
 /**
  * @enum {number}
  */
 export const ServerFolderType = {
-	'USER': 0,
-	'INBOX': 1,
-	'SENT': 2,
-	'DRAFTS': 3,
-	'JUNK': 4,
-	'TRASH': 5,
-	'IMPORTANT': 10,
-	'FLAGGED': 11,
-	'ALL': 12
+	USER: 0,
+	INBOX: 1,
+	SENT: 2,
+	DRAFTS: 3,
+	JUNK: 4,
+	TRASH: 5,
+	IMPORTANT: 10,
+	FLAGGED: 11,
+	ALL: 12
 };
 
 /**
  * @enum {string}
  */
 export const LoginSignMeTypeAsString = {
-	'DefaultOff': 'defaultoff',
-	'DefaultOn': 'defaulton',
-	'Unused': 'unused'
+	DefaultOff: 'defaultoff',
+	DefaultOn: 'defaulton',
+	Unused: 'unused'
 };
 
 /**
  * @enum {number}
  */
 export const LoginSignMeType = {
-	'DefaultOff': 0,
-	'DefaultOn': 1,
-	'Unused': 2
+	DefaultOff: 0,
+	DefaultOn: 1,
+	Unused: 2
 };
 
 /**
  * @enum {string}
  */
 export const ComposeType = {
-	'Empty': 'empty',
-	'Reply': 'reply',
-	'ReplyAll': 'replyall',
-	'Forward': 'forward',
-	'ForwardAsAttachment': 'forward-as-attachment',
-	'Draft': 'draft',
-	'EditAsNew': 'editasnew'
+	Empty: 'empty',
+	Reply: 'reply',
+	ReplyAll: 'replyall',
+	Forward: 'forward',
+	ForwardAsAttachment: 'forward-as-attachment',
+	Draft: 'draft',
+	EditAsNew: 'editasnew'
 };
 
 /**
  * @enum {number}
  */
 export const UploadErrorCode = {
-	'Normal': 0,
-	'FileIsTooBig': 1,
-	'FilePartiallyUploaded': 2,
-	'FileNoUploaded': 3,
-	'MissingTempFolder': 4,
-	'FileOnSaveingError': 5,
-	'FileType': 98,
-	'Unknown': 99
+	Normal: 0,
+	FileIsTooBig: 1,
+	FilePartiallyUploaded: 2,
+	FileNoUploaded: 3,
+	MissingTempFolder: 4,
+	FileOnSaveingError: 5,
+	FileType: 98,
+	Unknown: 99
 };
 
 /**
  * @enum {number}
  */
 export const SetSystemFoldersNotification = {
-	'None': 0,
-	'Sent': 1,
-	'Draft': 2,
-	'Spam': 3,
-	'Trash': 4,
-	'Archive': 5
+	None: 0,
+	Sent: 1,
+	Draft: 2,
+	Spam: 3,
+	Trash: 4,
+	Archive: 5
 };
 
 /**
  * @enum {number}
  */
 export const ClientSideKeyName = {
-	'FoldersLashHash': 0,
-	'MessagesInboxLastHash': 1,
-	'MailBoxListSize': 2,
-	'ExpandedFolders': 3,
-	'FolderListSize': 4,
-	'MessageListSize': 5,
-	'LastReplyAction': 6,
-	'LastSignMe': 7,
-	'ComposeLastIdentityID': 8,
-	'MessageHeaderFullInfo': 9,
-	'MessageAttachmnetControls': 10
+	FoldersLashHash: 0,
+	MessagesInboxLastHash: 1,
+	MailBoxListSize: 2,
+	ExpandedFolders: 3,
+	FolderListSize: 4,
+	MessageListSize: 5,
+	LastReplyAction: 6,
+	LastSignMe: 7,
+	ComposeLastIdentityID: 8,
+	MessageHeaderFullInfo: 9,
+	MessageAttachmnetControls: 10
 };
 
 /**
  * @enum {number}
  */
 export const EventKeyCode = {
-	'Backspace': 8,
-	'Tab': 9,
-	'Enter': 13,
-	'Esc': 27,
-	'PageUp': 33,
-	'PageDown': 34,
-	'Left': 37,
-	'Right': 39,
-	'Up': 38,
-	'Down': 40,
-	'End': 35,
-	'Home': 36,
-	'Space': 32,
-	'Insert': 45,
-	'Delete': 46,
-	'A': 65,
-	'S': 83
+	Backspace: 8,
+	Tab: 9,
+	Enter: 13,
+	Esc: 27,
+	PageUp: 33,
+	PageDown: 34,
+	Left: 37,
+	Right: 39,
+	Up: 38,
+	Down: 40,
+	End: 35,
+	Home: 36,
+	Space: 32,
+	Insert: 45,
+	Delete: 46,
+	A: 65,
+	S: 83
 };
 
 /**
  * @enum {number}
  */
 export const MessageSetAction = {
-	'SetSeen': 0,
-	'UnsetSeen': 1,
-	'SetFlag': 2,
-	'UnsetFlag': 3
+	SetSeen: 0,
+	UnsetSeen: 1,
+	SetFlag: 2,
+	UnsetFlag: 3
 };
 
 /**
  * @enum {number}
  */
 export const MessageSelectAction = {
-	'All': 0,
-	'None': 1,
-	'Invert': 2,
-	'Unseen': 3,
-	'Seen': 4,
-	'Flagged': 5,
-	'Unflagged': 6
+	All: 0,
+	None: 1,
+	Invert: 2,
+	Unseen: 3,
+	Seen: 4,
+	Flagged: 5,
+	Unflagged: 6
 };
 
 /**
  * @enum {number}
  */
 export const DesktopNotification = {
-	'Allowed': 0,
-	'NotAllowed': 1,
-	'Denied': 2,
-	'NotSupported': 9
+	Allowed: 0,
+	NotAllowed: 1,
+	Denied: 2,
+	NotSupported: 9
 };
 
 /**
  * @enum {number}
  */
 export const MessagePriority = {
-	'Low': 5,
-	'Normal': 3,
-	'High': 1
+	Low: 5,
+	Normal: 3,
+	High: 1
 };
 
 /**
  * @enum {string}
  */
 export const EditorDefaultType = {
-	'Html': 'Html',
-	'Plain': 'Plain',
-	'HtmlForced': 'HtmlForced',
-	'PlainForced': 'PlainForced'
+	Html: 'Html',
+	Plain: 'Plain',
+	HtmlForced: 'HtmlForced',
+	PlainForced: 'PlainForced'
 };
 
 /**
  * @enum {number}
  */
 export const ServerSecure = {
-	'None': 0,
-	'SSL': 1,
-	'TLS': 2
+	None: 0,
+	SSL: 1,
+	TLS: 2
 };
 
 /**
  * @enum {number}
  */
 export const SearchDateType = {
-	'All': -1,
-	'Days3': 3,
-	'Days7': 7,
-	'Month': 30
+	All: -1,
+	Days3: 3,
+	Days7: 7,
+	Month: 30
 };
 
 /**
  * @enum {number}
  */
 export const SaveSettingsStep = {
-	'Animate': -2,
-	'Idle': -1,
-	'TrueResult': 1,
-	'FalseResult': 0
+	Animate: -2,
+	Idle: -1,
+	TrueResult: 1,
+	FalseResult: 0
 };
 
 /**
  * @enum {number}
  */
 export const Layout = {
-	'NoPreview': 0,
-	'SidePreview': 1,
-	'BottomPreview': 2
+	NoPreview: 0,
+	SidePreview: 1,
+	BottomPreview: 2
 };
 
 /**
  * @enum {string}
  */
 export const FilterConditionField = {
-	'From': 'From',
-	'Recipient': 'Recipient',
-	'Subject': 'Subject',
-	'Header': 'Header',
-	'Size': 'Size'
+	From: 'From',
+	Recipient: 'Recipient',
+	Subject: 'Subject',
+	Header: 'Header',
+	Size: 'Size'
 };
 
 /**
  * @enum {string}
  */
 export const FilterConditionType = {
-	'Contains': 'Contains',
-	'NotContains': 'NotContains',
-	'EqualTo': 'EqualTo',
-	'NotEqualTo': 'NotEqualTo',
-	'Regex': 'Regex',
-	'Over': 'Over',
-	'Under': 'Under'
+	Contains: 'Contains',
+	NotContains: 'NotContains',
+	EqualTo: 'EqualTo',
+	NotEqualTo: 'NotEqualTo',
+	Regex: 'Regex',
+	Over: 'Over',
+	Under: 'Under'
 };
 
 /**
  * @enum {string}
  */
 export const FiltersAction = {
-	'None': 'None',
-	'MoveTo': 'MoveTo',
-	'Discard': 'Discard',
-	'Vacation': 'Vacation',
-	'Reject': 'Reject',
-	'Forward': 'Forward'
+	None: 'None',
+	MoveTo: 'MoveTo',
+	Discard: 'Discard',
+	Vacation: 'Vacation',
+	Reject: 'Reject',
+	Forward: 'Forward'
 };
 
 /**
  * @enum {string}
  */
 export const FilterRulesType = {
-	'All': 'All',
-	'Any': 'Any'
+	All: 'All',
+	Any: 'Any'
 };
 
 /**
  * @enum {number}
  */
 export const SignedVerifyStatus = {
-	'UnknownPublicKeys': -4,
-	'UnknownPrivateKey': -3,
-	'Unverified': -2,
-	'Error': -1,
-	'None': 0,
-	'Success': 1
+	UnknownPublicKeys: -4,
+	UnknownPrivateKey: -3,
+	Unverified: -2,
+	Error: -1,
+	None: 0,
+	Success: 1
 };
 
 /**
  * @enum {number}
  */
 export const ContactPropertyType = {
-	'Unknown': 0,
+	Unknown: 0,
 
-	'FullName': 10,
+	FullName: 10,
 
-	'FirstName': 15,
-	'LastName': 16,
-	'MiddleName': 16,
-	'Nick': 18,
+	FirstName: 15,
+	LastName: 16,
+	MiddleName: 16,
+	Nick: 18,
 
-	'NamePrefix': 20,
-	'NameSuffix': 21,
+	NamePrefix: 20,
+	NameSuffix: 21,
 
-	'Email': 30,
-	'Phone': 31,
-	'Web': 32,
+	Email: 30,
+	Phone: 31,
+	Web: 32,
 
-	'Birthday': 40,
+	Birthday: 40,
 
-	'Facebook': 90,
-	'Skype': 91,
-	'GitHub': 92,
+	Facebook: 90,
+	Skype: 91,
+	GitHub: 92,
 
-	'Note': 110,
+	Note: 110,
 
-	'Custom': 250
+	Custom: 250
 };
 
 /**
  * @enum {number}
  */
 export const Ports = {
-	'Imap': 143,
-	'ImapSsl': 993,
-	'Smtp': 25,
-	'SmtpSsl': 465,
-	'SmtpStartTls': 587
+	Imap: 143,
+	ImapSsl: 993,
+	Smtp: 25,
+	SmtpSsl: 465,
+	SmtpStartTls: 587
 };
 
 /**
  * @enum {number}
  */
 export const Notification = {
-	'InvalidToken': 101,
-	'AuthError': 102,
-	'AccessError': 103,
-	'ConnectionError': 104,
-	'CaptchaError': 105,
-	'SocialFacebookLoginAccessDisable': 106,
-	'SocialTwitterLoginAccessDisable': 107,
-	'SocialGoogleLoginAccessDisable': 108,
-	'DomainNotAllowed': 109,
-	'AccountNotAllowed': 110,
+	InvalidToken: 101,
+	AuthError: 102,
+	AccessError: 103,
+	ConnectionError: 104,
+	CaptchaError: 105,
+	SocialFacebookLoginAccessDisable: 106,
+	SocialTwitterLoginAccessDisable: 107,
+	SocialGoogleLoginAccessDisable: 108,
+	DomainNotAllowed: 109,
+	AccountNotAllowed: 110,
 
-	'AccountTwoFactorAuthRequired': 120,
-	'AccountTwoFactorAuthError': 121,
+	AccountTwoFactorAuthRequired: 120,
+	AccountTwoFactorAuthError: 121,
 
-	'CouldNotSaveNewPassword': 130,
-	'CurrentPasswordIncorrect': 131,
-	'NewPasswordShort': 132,
-	'NewPasswordWeak': 133,
-	'NewPasswordForbidden': 134,
+	CouldNotSaveNewPassword: 130,
+	CurrentPasswordIncorrect: 131,
+	NewPasswordShort: 132,
+	NewPasswordWeak: 133,
+	NewPasswordForbidden: 134,
 
-	'ContactsSyncError': 140,
+	ContactsSyncError: 140,
 
-	'CantGetMessageList': 201,
-	'CantGetMessage': 202,
-	'CantDeleteMessage': 203,
-	'CantMoveMessage': 204,
-	'CantCopyMessage': 205,
+	CantGetMessageList: 201,
+	CantGetMessage: 202,
+	CantDeleteMessage: 203,
+	CantMoveMessage: 204,
+	CantCopyMessage: 205,
 
-	'CantSaveMessage': 301,
-	'CantSendMessage': 302,
-	'InvalidRecipients': 303,
+	CantSaveMessage: 301,
+	CantSendMessage: 302,
+	InvalidRecipients: 303,
 
-	'CantSaveFilters': 351,
-	'CantGetFilters': 352,
-	'FiltersAreNotCorrect': 355,
+	CantSaveFilters: 351,
+	CantGetFilters: 352,
+	FiltersAreNotCorrect: 355,
 
-	'CantCreateFolder': 400,
-	'CantRenameFolder': 401,
-	'CantDeleteFolder': 402,
-	'CantSubscribeFolder': 403,
-	'CantUnsubscribeFolder': 404,
-	'CantDeleteNonEmptyFolder': 405,
+	CantCreateFolder: 400,
+	CantRenameFolder: 401,
+	CantDeleteFolder: 402,
+	CantSubscribeFolder: 403,
+	CantUnsubscribeFolder: 404,
+	CantDeleteNonEmptyFolder: 405,
 
-	'CantSaveSettings': 501,
-	'CantSavePluginSettings': 502,
+	CantSaveSettings: 501,
+	CantSavePluginSettings: 502,
 
-	'DomainAlreadyExists': 601,
+	DomainAlreadyExists: 601,
 
-	'CantInstallPackage': 701,
-	'CantDeletePackage': 702,
-	'InvalidPluginPackage': 703,
-	'UnsupportedPluginPackage': 704,
+	CantInstallPackage: 701,
+	CantDeletePackage: 702,
+	InvalidPluginPackage: 703,
+	UnsupportedPluginPackage: 704,
 
-	'LicensingServerIsUnavailable': 710,
-	'LicensingExpired': 711,
-	'LicensingBanned': 712,
+	LicensingServerIsUnavailable: 710,
+	LicensingExpired: 711,
+	LicensingBanned: 712,
 
-	'DemoSendMessageError': 750,
-	'DemoAccountError': 751,
+	DemoSendMessageError: 750,
+	DemoAccountError: 751,
 
-	'AccountAlreadyExists': 801,
-	'AccountDoesNotExist': 802,
+	AccountAlreadyExists: 801,
+	AccountDoesNotExist: 802,
 
-	'MailServerError': 901,
-	'ClientViewError': 902,
-	'InvalidInputArgument': 903,
+	MailServerError: 901,
+	ClientViewError: 902,
+	InvalidInputArgument: 903,
 
-	'AjaxFalse': 950,
-	'AjaxAbort': 951,
-	'AjaxParse': 952,
-	'AjaxTimeout': 953,
+	AjaxFalse: 950,
+	AjaxAbort: 951,
+	AjaxParse: 952,
+	AjaxTimeout: 953,
 
-	'UnknownNotification': 999,
-	'UnknownError': 999
+	UnknownNotification: 999,
+	UnknownError: 999
 
 	,getKeyByValue: function(v) { return Object.keys(this).find(key => this[key] === v); }
 };
diff --git a/dev/Common/Events.js b/dev/Common/Events.js
deleted file mode 100644
index 8e402976b..000000000
--- a/dev/Common/Events.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import * as Plugins from 'Common/Plugins';
-
-const SUBS = {};
-
-/**
- * @param {string|Object} name
- * @param {Function} func
- * @param {Object=} context
- */
-export function sub(name, func, context) {
-	if (typeof name === 'object') {
-		context = func || null;
-		func = null;
-
-		Object.entries(name).forEach(([subFunc, subName]) => {
-			sub(subName, subFunc, context);
-		});
-	} else {
-		if (undefined === SUBS[name]) {
-			SUBS[name] = [];
-		}
-
-		SUBS[name].push([func, context]);
-	}
-}
-
-/**
- * @param {string} name
- * @param {Array=} args
- */
-export function pub(name, args) {
-	Plugins.runHook('rl-pub', [name, args]);
-
-	if (undefined !== SUBS[name]) {
-		SUBS[name].forEach(items => {
-			if (items[0]) {
-				items[0].apply(items[1] || null, args || []);
-			}
-		});
-	}
-}
diff --git a/dev/Common/Momentor.js b/dev/Common/Momentor.js
index 4261ce80e..937c53a42 100644
--- a/dev/Common/Momentor.js
+++ b/dev/Common/Momentor.js
@@ -1,114 +1,65 @@
 import { i18n } from 'Common/Translator';
 
-let _moment = null;
-let d;
-
-/**
- * @returns {moment}
- */
-function momentNow() {
-	if (!d) {
-		d = setTimeout(()=>d=0, 500);
-		_moment = new Date();
-	}
-	return _moment;
-}
-
-/**
- * @returns {number}
- */
-export function momentNowUnix() {
-	return momentNow().getTime() / 1000;
-}
-
-/**
- * @param {Object} m
- * @returns {string}
- */
-function formatCustomShortDate(m) {
-	const now = momentNow();
-	if (m && now) {
-		switch (true) {
-			case 4 >= (now.getTime() - m.getTime()) / 3600000:
-				return m.fromNow();
-			case now.format('L') === m.format('L'):
-				return i18n('MESSAGE_LIST/TODAY_AT', {
-					TIME: m.format('LT')
-				});
-			case new Date(now.getTime() - 86400000) // subtract 1 day
-				.format('L') === m.format('L'):
-				return i18n('MESSAGE_LIST/YESTERDAY_AT', {
-					TIME: m.format('LT')
-				});
-			case now.getFullYear() === m.getFullYear():
-				return m.format('d M.');
-			// no default
+let d,
+	_moment = null,
+	momentNow = () => {
+		if (!d) {
+			d = setTimeout(()=>d=0, 500);
+			_moment = new Date();
 		}
-	}
+		return _moment;
+	};
 
-	return m ? m.format('LL') : '';
-}
-
-/**
- * @param {number} timeStampInUTC
- * @param {string} formatStr
- * @returns {string}
- */
 export function format(timeStampInUTC, formatStr) {
-	let m = null,
-		result = '';
+	const now = Date.now() / 1000;
 
-	const now = momentNowUnix();
+	timeStampInUTC = 0 < timeStampInUTC ? Math.min(now, timeStampInUTC) : (0 === timeStampInUTC ? now : 0);
 
-	timeStampInUTC = 0 < timeStampInUTC ? timeStampInUTC : 0 === timeStampInUTC ? now : 0;
-	timeStampInUTC = now < timeStampInUTC ? now : timeStampInUTC;
-
-	m = 0 < timeStampInUTC ? new Date(timeStampInUTC * 1000) : null;
-
-	if (m && 1970 === m.getFullYear()) {
-		m = null;
-	}
-
-	if (m) {
+	if (31536000 < timeStampInUTC) {
+		const m = new Date(timeStampInUTC * 1000);
 		switch (formatStr) {
 			case 'FROMNOW':
-				result = m.fromNow();
-				break;
+				return m.fromNow();
 			case 'SHORT':
-				result = formatCustomShortDate(m);
-				break;
+				if (4 >= (now - timeStampInUTC) / 3600)
+					return m.fromNow();
+				if (momentNow().format('Ymd') === m.format('Ymd'))
+					return i18n('MESSAGE_LIST/TODAY_AT', {TIME: m.format('LT')});
+				if (new Date((now - 86400) * 1000).format('Ymd') === m.format('Ymd'))
+					return i18n('MESSAGE_LIST/YESTERDAY_AT', {TIME: m.format('LT')});
+				if (momentNow().getFullYear() === m.getFullYear())
+					return m.format('d M.');
+				return m.format('LL');
 			case 'FULL':
-				result = m.format('LLL');
-				break;
+				return m.format('LLL');
 			default:
-				result = m.format(formatStr);
-				break;
+				return m.format(formatStr);
 		}
 	}
 
-	return result;
+	return '';
 }
 
-/**
- * @param {Object} element
- * @returns {void}
- */
-export function momentToNode(element) {
-	let key = '',
-		time = 0;
-	const $el = jQuery(element);
+export function timeToNode(element, time) {
+	try {
+		time = time || (Date.parse(element.dateTime) / 1000);
+		if (time) {
+			let key, m = new Date(time * 1000);
+			element.dateTime = m.format('Y-m-d\\TH:i:s');
 
-	time = $el.data('moment-time');
-	if (time) {
-		key = $el.data('moment-format');
-		if (key) {
-			$el.text(format(time, key));
-		}
+			key = element.dataset.momentFormat;
+			if (key) {
+				element.textContent = format(time, key);
+			}
 
-		key = $el.data('moment-format-title');
-		if (key) {
-			$el.attr('title', format(time, key));
+			key = element.dataset.momentFormatTitle;
+			if (key) {
+				element.title = format(time, key);
+			}
 		}
+	} catch (e) {
+		// prevent knockout crashes
+		console.error(e);
 	}
 }
 
@@ -117,8 +68,6 @@ export function momentToNode(element) {
  */
 export function reload() {
 	setTimeout(() =>
-		jQuery('.moment', document).each((index, item) => {
-			momentToNode(item);
-		})
+		document.querySelectorAll('[data-bind*="moment:"]').forEach(element => timeToNode(element))
 	, 1);
 }
diff --git a/dev/Common/Selector.js b/dev/Common/Selector.js
index 8b700cb70..4c4570904 100644
--- a/dev/Common/Selector.js
+++ b/dev/Common/Selector.js
@@ -55,7 +55,7 @@ class Selector {
 		var d, o = this;
 		this.itemSelectedThrottle = (item)=>{
 			// debounce
-			d && clearTimeout(d);
+			clearTimeout(d);
 			d = setTimeout(()=>o.itemSelected(item), 300);
 		};
 
diff --git a/dev/Common/Utils.js b/dev/Common/Utils.js
index 06166e24c..2e801a30e 100644
--- a/dev/Common/Utils.js
+++ b/dev/Common/Utils.js
@@ -845,7 +845,7 @@ export function selectElement(element) {
 var dv;
 export const detectDropdownVisibility = ()=>{
 	// leading debounce
-	dv && clearTimeout(dv);
+	clearTimeout(dv);
 	dv = setTimeout(()=>
 		dropdownVisibility(!!GlobalsData.aBootstrapDropdowns.find(item => item.hasClass('open')))
 	, 50);
@@ -1223,7 +1223,7 @@ export function mailToHelper(mailToUrl, PopupComposeViewModel) {
 
 var wr;
 export const windowResize = timeout => {
-	wr && clearTimeout(wr);
+	clearTimeout(wr);
 	if (undefined === timeout || null === timeout) {
 		$win.trigger('resize');
 	} else {
diff --git a/dev/External/ko.js b/dev/External/ko.js
index 508c88854..c5d55ad70 100644
--- a/dev/External/ko.js
+++ b/dev/External/ko.js
@@ -12,16 +12,8 @@ ko.bindingHandlers.editor = {
 
 		const fValue = fValueAccessor(),
 			HtmlEditor = require('Common/HtmlEditor').default,
-			fUpdateEditorValue = () => {
-				if (fValue && fValue.__editor) {
-					fValue.__editor.setHtmlOrPlain(fValue());
-				}
-			},
-			fUpdateKoValue = () => {
-				if (fValue && fValue.__editor) {
-					fValue(fValue.__editor.getDataWithHtmlMark());
-				}
-			},
+			fUpdateEditorValue = () => fValue && fValue.__editor && fValue.__editor.setHtmlOrPlain(fValue()),
+			fUpdateKoValue = () => fValue && fValue.__editor && fValue(fValue.__editor.getDataWithHtmlMark()),
 			fOnReady = () => {
 				fValue.__editor = editor;
 				fUpdateEditorValue();
@@ -40,66 +32,9 @@ ko.bindingHandlers.editor = {
 	}
 };
 
-ko.bindingHandlers.json = {
-	init: (element, fValueAccessor) => {
-		$(element).text(JSON.stringify(ko.unwrap(fValueAccessor())));
-	},
-	update: (element, fValueAccessor) => {
-		$(element).text(JSON.stringify(ko.unwrap(fValueAccessor())));
-	}
-};
-
-ko.bindingHandlers.scrollerShadows = {
-	init: (element) => {
-		var t;
-		const limit = 8,
-			$el = $(element),
-			cont = $el.find('[data-scroller-shadows-content]')[0] || null,
-			// throttle
-			fFunc = ()=>{
-				if (!t) {
-					t = setTimeout(()=>{
-						$el
-							.toggleClass('scroller-shadow-top', limit < cont.scrollTop)
-							.toggleClass('scroller-shadow-bottom', cont.scrollTop + limit < cont.scrollHeight - cont.clientHeight);
-						t = 0;
-					}, 100);
-				}
-			};
-
-		if (cont) {
-			$(cont).on('scroll resize', fFunc);
-			addEventListener('resize', fFunc);
-
-			ko.utils.domNodeDisposal.addDisposeCallback(cont, () => {
-				$(cont).off();
-				removeEventListener('resize', fFunc);
-			});
-		}
-	}
-};
-
 ko.bindingHandlers.visibleAnimated = {
-	init: (element, fValueAccessor) => {
-		const $el = $(element);
-		$el.addClass('rl-animated-inited');
-		if (ko.unwrap(fValueAccessor())) {
-			$el.show();
-		} else {
-			$el.hide();
-		}
-	},
-	update: (element, fValueAccessor) => {
-		const $el = $(element);
-		if (ko.unwrap(fValueAccessor())) {
-			$el.addClass('rl-animated-hidden').show();
-			setTimeout(() => {
-				$el.removeClass('rl-animated-hidden');
-			}, 10);
-		} else {
-			$el.hide().removeClass('rl-animated-hidden');
-		}
-	}
+	init: (element, fValueAccessor) => element.hidden = !ko.unwrap(fValueAccessor()),
+	update: (element, fValueAccessor) => element.hidden = !ko.unwrap(fValueAccessor())
 };
 
 ko.bindingHandlers.tooltip = {
@@ -139,13 +74,9 @@ ko.bindingHandlers.tooltip = {
 };
 
 ko.bindingHandlers.tooltipErrorTip = {
-	init: function(element) {
-		$(document).on('click', () => {
-			element.removeAttribute('data-rainloopErrorTip')
-		});
-		ko.utils.domNodeDisposal.addDisposeCallback(element, () => {
-			element.removeAttribute('data-rainloopErrorTip')
-		});
+	init: element => {
+		document.addEventListener('click', () => element.removeAttribute('data-rainloopErrorTip'));
+		ko.utils.domNodeDisposal.addDisposeCallback(element, () => element.removeAttribute('data-rainloopErrorTip'));
 	},
 	update: (element, fValueAccessor) => {
 		const fValue = fValueAccessor(),
@@ -164,13 +95,7 @@ ko.bindingHandlers.registrateBootstrapDropdown = {
 		const Globals = require('Common/Globals');
 		if (Globals && Globals.data.aBootstrapDropdowns) {
 			Globals.data.aBootstrapDropdowns.push($(element));
-
-			$(element).click(() => {
-				require('Common/Utils').detectDropdownVisibility();
-			});
-
-			// ko.utils.domNodeDisposal.addDisposeCallback(element, () => {
-			// });
+			element.addEventListener('click', () => require('Common/Utils').detectDropdownVisibility());
 		}
 	}
 };
@@ -178,12 +103,12 @@ ko.bindingHandlers.registrateBootstrapDropdown = {
 ko.bindingHandlers.openDropdownTrigger = {
 	update: (element, fValueAccessor) => {
 		if (ko.unwrap(fValueAccessor())) {
-			const $el = $(element);
+			const $el = $(element), t = $el.find('.dropdown-toggle');
 			if (!$el.hasClass('open')) {
-				$el.find('.dropdown-toggle').dropdown('toggle');
+				t.dropdown('toggle');
 			}
 
-			$el.find('.dropdown-toggle').focus();
+			t.focus();
 
 			require('Common/Utils').detectDropdownVisibility();
 			fValueAccessor()(false);
@@ -192,17 +117,15 @@ ko.bindingHandlers.openDropdownTrigger = {
 };
 
 ko.bindingHandlers.dropdownCloser = {
-	init: (element) => {
-		$(element)
-			.closest('.dropdown')
-			.on('click', '.e-item', () => {
-				$(element).dropdown('toggle');
-			});
-	}
+	init: element => $(element)
+		.closest('.dropdown')
+		.on('click', '.e-item', () => {
+			$(element).dropdown('toggle');
+		})
 };
 
 ko.bindingHandlers.popover = {
-	init: function(element, fValueAccessor) {
+	init: (element, fValueAccessor) => {
 		console.log('TODO: $(element).popover removed', element, fValueAccessor);
 /*
 		$(element).popover(ko.unwrap(fValueAccessor()));
@@ -213,22 +136,6 @@ ko.bindingHandlers.popover = {
 	}
 };
 
-ko.bindingHandlers.onKeyDown = {
-	init: (element, fValueAccessor, fAllBindingsAccessor, viewModel) => {
-		$(element).on('keydown.koOnKeyDown', (event) => {
-			if (event) {
-				return fValueAccessor().call(viewModel, event);
-			}
-
-			return true;
-		});
-
-		ko.utils.domNodeDisposal.addDisposeCallback(element, () => {
-			$(element).off('keydown.koOnKeyDown');
-		});
-	}
-};
-
 ko.bindingHandlers.onEnter = {
 	init: (element, fValueAccessor, fAllBindingsAccessor, viewModel) => {
 		$(element).on('keypress.koOnEnter', (event) => {
@@ -258,21 +165,6 @@ ko.bindingHandlers.onSpace = {
 	}
 };
 
-ko.bindingHandlers.onTab = {
-	init: (element, fValueAccessor, fAllBindingsAccessor, viewModel) => {
-		$(element).on('keydown.koOnTab', (event) => {
-			if (event && 9 === parseInt(event.keyCode, 10)) {
-				return fValueAccessor().call(viewModel, !!event.shiftKey);
-			}
-			return true;
-		});
-
-		ko.utils.domNodeDisposal.addDisposeCallback(element, () => {
-			$(element).off('keydown.koOnTab');
-		});
-	}
-};
-
 ko.bindingHandlers.onEsc = {
 	init: (element, fValueAccessor, fAllBindingsAccessor, viewModel) => {
 		$(element).on('keyup.koOnEsc', (event) => {
@@ -288,14 +180,6 @@ ko.bindingHandlers.onEsc = {
 	}
 };
 
-ko.bindingHandlers.clickOnTrue = {
-	update: (element, fValueAccessor) => {
-		if (ko.unwrap(fValueAccessor())) {
-			$(element).click();
-		}
-	}
-};
-
 ko.bindingHandlers.modal = {
 	init: (element, fValueAccessor) => {
 		const Globals = require('Common/Globals'),
@@ -327,117 +211,52 @@ ko.bindingHandlers.modal = {
 
 		if (Globals.$htmlCL.contains('rl-anim')) {
 			Globals.$htmlCL.add('rl-modal-animation');
-			setTimeout(() => {
-				Globals.$htmlCL.remove('rl-modal-animation');
-			}, 500);
+			setTimeout(() => Globals.$htmlCL.remove('rl-modal-animation'), 500);
 		}
 	}
 };
 
+let ttn = (element, fValueAccessor) => require('Common/Momentor').timeToNode(element, ko.unwrap(fValueAccessor()));
 ko.bindingHandlers.moment = {
-	init: (element, fValueAccessor) => {
-		require('Common/Momentor').momentToNode(
-			$(element)
-				.addClass('moment')
-				.data('moment-time', ko.unwrap(fValueAccessor()))
-		);
-	},
-	update: (element, fValueAccessor) => {
-		require('Common/Momentor').momentToNode($(element).data('moment-time', ko.unwrap(fValueAccessor())));
-	}
+	init: ttn,
+	update: ttn
 };
 
 ko.bindingHandlers.i18nInit = {
-	init: (element) => {
-		require('Common/Translator').i18nToNodes(element);
-	}
-};
-
-ko.bindingHandlers.translatorInit = {
-	init: (element) => {
-		require('Common/Translator').i18nToNodes(element);
-	}
+	init: element => Translator().i18nToNodes(element)
 };
 
 ko.bindingHandlers.i18nUpdate = {
 	update: (element, fValueAccessor) => {
 		ko.unwrap(fValueAccessor());
-		require('Common/Translator').i18nToNodes(element);
+		Translator().i18nToNodes(element);
 	}
 };
 
 ko.bindingHandlers.link = {
-	update: function(element, fValueAccessor) {
-		$(element).attr('href', ko.unwrap(fValueAccessor()));
-	}
+	update: (element, fValueAccessor) => element.setAttribute('href', ko.unwrap(fValueAccessor()))
 };
 
 ko.bindingHandlers.title = {
-	update: function(element, fValueAccessor) {
-		$(element).attr('title', ko.unwrap(fValueAccessor()));
-	}
-};
-
-ko.bindingHandlers.textF = {
-	init: function(element, fValueAccessor) {
-		$(element).text(ko.unwrap(fValueAccessor()));
-	}
+	update: (element, fValueAccessor) => element.setAttribute('title', ko.unwrap(fValueAccessor()))
 };
 
 ko.bindingHandlers.initDom = {
-	init: function(element, fValueAccessor) {
-		fValueAccessor()(element);
-	}
-};
-
-ko.bindingHandlers.initFixedTrigger = {
-	init: (element, fValueAccessor) => {
-		const values = ko.unwrap(fValueAccessor()),
-			$el = $(element),
-			top = values[1] || 0;
-
-		let $container = $(values[0] || null);
-		$container = $container[0] ? $container : null;
-		if ($container) {
-			addEventListener('resize', () => {
-				const offset = $container ? $container.offset() : null;
-				if (offset && offset.top) {
-					$el.css('top', offset.top + top);
-				}
-			});
-		}
-	}
+	init: (element, fValueAccessor) => fValueAccessor()(element)
 };
 
 ko.bindingHandlers.initResizeTrigger = {
-	init: (element, fValueAccessor) => {
+	init: (element, fValueAccessor) =>
+		element.style.height = element.style.minHeight = ko.unwrap(fValueAccessor())[1] + 'px',
+	update: (element, fValueAccessor) => {
 		const values = ko.unwrap(fValueAccessor());
-		$(element).css({
-			'height': values[1],
-			'min-height': values[1]
-		});
-	},
-	update: (oElement, fValueAccessor) => {
-		const Utils = require('Common/Utils'),
-			Globals = require('Common/Globals'),
-			values = ko.unwrap(fValueAccessor());
-
-		let value = Utils.pInt(values[1]),
-			size = 0,
-			offset = $(oElement).offset().top;
-
+		let offset = element.getBoundingClientRect().top + pageYOffset;
 		if (0 < offset) {
-			offset += Utils.pInt(values[2]);
-			size = Globals.$win.height() - offset;
-
-			if (value < size) {
-				value = size;
-			}
-
-			$(oElement).css({
-				'height': value,
-				'min-height': value
-			});
+			offset += parseInt(values[2], 10) || 0;
+			element.style.height = element.style.minHeight = Math.max(
+				parseInt(values[1], 10) || 0,
+				window.innerHeight - offset
+			) + 'px';
 		}
 	}
 };
@@ -720,8 +539,7 @@ ko.bindingHandlers.emailsTags = {
 
 ko.bindingHandlers.command = {
 	init: (element, fValueAccessor, fAllBindingsAccessor, viewModel, bindingContext) => {
-		const jqElement = $(element),
-			command = fValueAccessor();
+		const command = fValueAccessor();
 
 		if (!command || !command.isCommand) {
 			throw new Error('Value should be a command');
@@ -740,8 +558,8 @@ ko.bindingHandlers.command = {
 			}
 		}
 
-		jqElement.addClass('command');
-		ko.bindingHandlers[jqElement.is('form') ? 'submit' : 'click'].init(
+		element.classList.add('command');
+		ko.bindingHandlers[element.tagName.match(/FORM/i) ? 'submit' : 'click'].init(
 			element,
 			fValueAccessor,
 			fAllBindingsAccessor,
@@ -750,40 +568,29 @@ ko.bindingHandlers.command = {
 		);
 	},
 	update: (element, fValueAccessor) => {
-		const jqElement = $(element),
+		const cl = element.classList,
 			command = fValueAccessor();
 
 		let result = command.enabled();
 
-		jqElement.toggleClass('command-not-enabled', !result);
+		cl.toggle('command-not-enabled', !result);
 
 		if (result) {
 			result = command.canExecute();
-			jqElement.toggleClass('command-can-not-be-execute', !result);
+			cl.toggle('command-can-not-be-execute', !result);
 		}
 
-		jqElement.toggleClass('command-disabled disable disabled', !result).toggleClass('no-disabled', !!result);
+		['command-disabled','disable','disabled'].forEach(s=>cl.toggle(s, !result));
+		cl.toggle('no-disabled', !!result);
 
-		if (jqElement.is('input') || jqElement.is('button')) {
-			jqElement.prop('disabled', !result);
+		if (element.tagName.match(/INPUT|TEXTAREA|BUTTON/i)) {
+			element.disabled = !result;
 		}
 	}
 };
 
 // extenders
 
-ko.extenders.trimmer = (target) => {
-	const result = ko.computed({
-			read: target,
-			write: (newValue) => {
-				target(newValue.toString().trim());
-			}
-		});
-
-	result(target());
-	return result;
-};
-
 ko.extenders.posInterer = (target, defaultVal) => {
 	const Utils = require('Common/Utils'),
 		result = ko.computed({
@@ -834,9 +641,7 @@ ko.extenders.limitedList = (target, limitedList) => {
 	result(target());
 
 	if (!result.valueHasMutated) {
-		result.valueHasMutated = () => {
-			target.valueHasMutated();
-		};
+		result.valueHasMutated = () => target.valueHasMutated();
 	}
 
 	return result;
@@ -845,13 +650,9 @@ ko.extenders.limitedList = (target, limitedList) => {
 ko.extenders.reversible = (target) => {
 	let value = target();
 
-	target.commit = () => {
-		value = target();
-	};
+	target.commit = () => value = target();
 
-	target.reverse = () => {
-		target(value);
-	};
+	target.reverse = () => target(value);
 
 	target.commitedValue = () => value;
 	return target;
@@ -867,20 +668,12 @@ ko.extenders.toggleSubscribeProperty = (target, options) => {
 	const prop = options[1];
 	if (prop) {
 		target.subscribe(
-			(prev) => {
-				if (prev && prev[prop]) {
-					prev[prop](false);
-				}
-			},
+			prev => prev && prev[prop] && prev[prop](false),
 			options[0],
 			'beforeChange'
 		);
 
-		target.subscribe((next) => {
-			if (next && next[prop]) {
-				next[prop](true);
-			}
-		}, options[0]);
+		target.subscribe(next => next && next[prop] && next[prop](true), options[0]);
 	}
 
 	return target;
@@ -888,13 +681,13 @@ ko.extenders.toggleSubscribeProperty = (target, options) => {
 
 ko.extenders.falseTimeout = (target, option) => {
 	target.iFalseTimeoutTimeout = 0;
-	target.subscribe((value) => {
+	target.subscribe(value => {
 		if (value) {
 			clearTimeout(target.iFalseTimeoutTimeout);
 			target.iFalseTimeoutTimeout = setTimeout(() => {
 				target(false);
 				target.iFalseTimeoutTimeout = 0;
-			}, require('Common/Utils').pInt(option));
+			}, parseInt(option, 10) || 0);
 		}
 	});
 
@@ -949,9 +742,7 @@ ko.observable.fn.validateNone = function() {
 ko.observable.fn.validateEmail = function() {
 	this.hasError = ko.observable(false);
 
-	this.subscribe((value) => {
-		this.hasError(value && !/^[^@\s]+@[^@\s]+$/.test(value));
-	});
+	this.subscribe(value => this.hasError(value && !/^[^@\s]+@[^@\s]+$/.test(value)));
 
 	this.valueHasMutated();
 	return this;
@@ -960,9 +751,7 @@ ko.observable.fn.validateEmail = function() {
 ko.observable.fn.validateSimpleEmail = function() {
 	this.hasError = ko.observable(false);
 
-	this.subscribe((value) => {
-		this.hasError(value && !/^.+@.+$/.test(value));
-	});
+	this.subscribe(value => this.hasError(value && !/^.+@.+$/.test(value)));
 
 	this.valueHasMutated();
 	return this;
@@ -977,9 +766,7 @@ ko.observable.fn.validateFunc = function(fFunc) {
 	this.hasFuncError = ko.observable(false);
 
 	if (isFunction(fFunc)) {
-		this.subscribe((value) => {
-			this.hasFuncError(!fFunc(value));
-		});
+		this.subscribe(value => this.hasFuncError(!fFunc(value)));
 
 		this.valueHasMutated();
 	}
diff --git a/dev/Knoin/Knoin.js b/dev/Knoin/Knoin.js
index 0f78fcb86..ad6f2b69d 100644
--- a/dev/Knoin/Knoin.js
+++ b/dev/Knoin/Knoin.js
@@ -207,7 +207,7 @@ export function buildViewModel(ViewModelClass, vmScreen) {
 			ko.applyBindingAccessorsToNode(
 				vmDom[0],
 				{
-					translatorInit: true,
+					i18nInit: true,
 					template: () => ({ name: vm.viewModelTemplateID })
 				},
 				vm
diff --git a/dev/Model/Folder.js b/dev/Model/Folder.js
index 8d876ec3f..ff1f09074 100644
--- a/dev/Model/Folder.js
+++ b/dev/Model/Folder.js
@@ -4,7 +4,6 @@ import { FolderType } from 'Common/Enums';
 import { isPosNumeric } from 'Common/Utils';
 import { i18n, trigger as translatorTrigger } from 'Common/Translator';
 import { getFolderInboxName } from 'Common/Cache';
-import * as Events from 'Common/Events';
 
 import { AbstractModel } from 'Knoin/AbstractModel';
 
@@ -234,19 +233,13 @@ class FolderModel extends AbstractModel {
 		);
 
 		// subscribe
-		this.name.subscribe((value) => {
-			this.nameForEdit(value);
-		});
+		this.name.subscribe(value => this.nameForEdit(value));
 
-		this.edited.subscribe((value) => {
-			if (value) {
-				this.nameForEdit(this.name());
-			}
-		});
+		this.edited.subscribe(value => value && this.nameForEdit(this.name()));
 
 		this.messageCountUnread.subscribe((unread) => {
 			if (FolderType.Inbox === this.type()) {
-				Events.pub('mailbox.inbox-unread-count', [unread]);
+				dispatchEvent(new CustomEvent('mailbox.inbox-unread-count', {detail:unread}));
 			}
 		});
 
diff --git a/dev/Remote/User/Ajax.js b/dev/Remote/User/Ajax.js
index f7f7eade3..e76bbad0e 100644
--- a/dev/Remote/User/Ajax.js
+++ b/dev/Remote/User/Ajax.js
@@ -228,13 +228,6 @@ class RemoteUserAjax extends AbstractAjaxRemote {
 		this.defaultRequest(fCallback, 'AccountsAndIdentities');
 	}
 
-	/**
-	 * @param {?Function} fCallback
-	 */
-	accountsCounts(fCallback) {
-		this.defaultRequest(fCallback, 'AccountsCounts');
-	}
-
 	/**
 	 * @param {?Function} fCallback
 	 * @param {Array} filters
diff --git a/dev/Screen/AbstractSettings.js b/dev/Screen/AbstractSettings.js
index 7504e9147..61b50df3c 100644
--- a/dev/Screen/AbstractSettings.js
+++ b/dev/Screen/AbstractSettings.js
@@ -88,7 +88,7 @@ class AbstractSettingsScreen extends AbstractScreen {
 					ko.applyBindingAccessorsToNode(
 						viewModelDom[0],
 						{
-							translatorInit: true,
+							i18nInit: true,
 							template: () => tmpl
 						},
 						settingsScreen
diff --git a/dev/Screen/User/MailBox.js b/dev/Screen/User/MailBox.js
index 2510a808d..90cd5cc06 100644
--- a/dev/Screen/User/MailBox.js
+++ b/dev/Screen/User/MailBox.js
@@ -4,7 +4,6 @@ import { pString, pInt, windowResizeCallback } from 'Common/Utils';
 import { getFolderFromCacheList, getFolderFullNameRaw, getFolderInboxName } from 'Common/Cache';
 import { i18n } from 'Common/Translator';
 
-import * as Events from 'Common/Events';
 import * as Settings from 'Storage/Settings';
 
 import AppStore from 'Stores/User/App';
@@ -110,13 +109,13 @@ class MailBoxUserScreen extends AbstractScreen {
 		setTimeout(() => SettingsStore.layout.valueHasMutated(), 50);
 		setTimeout(() => warmUpScreenPopup(require('View/Popup/Compose')), 500);
 
-		Events.sub('mailbox.inbox-unread-count', (count) => {
-			FolderStore.foldersInboxUnreadCount(count);
+		addEventListener('mailbox.inbox-unread-count', e => {
+			FolderStore.foldersInboxUnreadCount(e.detail);
 
 			const email = AccountStore.email();
 			AccountStore.accounts().forEach(item => {
 				if (item && email === item.email) {
-					item.count(count);
+					item.count(e.detail);
 				}
 			});
 
diff --git a/dev/Stores/User/Folder.js b/dev/Stores/User/Folder.js
index 537b962b1..2c2a2fafc 100644
--- a/dev/Stores/User/Folder.js
+++ b/dev/Stores/User/Folder.js
@@ -7,8 +7,6 @@ import { UNUSED_OPTION_VALUE } from 'Common/Consts';
 import { folderListOptionsBuilder } from 'Common/Utils';
 import { getFolderInboxName, getFolderFromCacheList } from 'Common/Cache';
 
-import { momentNowUnix } from 'Common/Momentor';
-
 class FolderUserStore {
 	constructor() {
 		this.displaySpecSetting = ko.observable(true);
@@ -157,7 +155,7 @@ class FolderUserStore {
 	getNextFolderNames() {
 		const result = [],
 			limit = 5,
-			utc = momentNowUnix(),
+			utc = Date.now() / 1000,
 			timeout = utc - 60 * 5,
 			timeouts = [],
 			inboxFolderName = getFolderInboxName(),
@@ -182,15 +180,7 @@ class FolderUserStore {
 
 		fSearchFunction(this.folderList());
 
-		timeouts.sort((a, b) => {
-			if (a[0] < b[0]) {
-				return -1;
-			} else if (a[0] > b[0]) {
-				return 1;
-			}
-
-			return 0;
-		});
+		timeouts.sort((a, b) => (a[0] < b[0]) ? -1 : (a[0] > b[0] ? 1 : 0));
 
 		timeouts.find(aItem => {
 			const folder = getFolderFromCacheList(aItem[1]);
diff --git a/dev/Stores/User/Message.js b/dev/Stores/User/Message.js
index cb764bb84..9490940f9 100644
--- a/dev/Stores/User/Message.js
+++ b/dev/Stores/User/Message.js
@@ -29,7 +29,6 @@ import { MESSAGE_BODY_CACHE_LIMIT } from 'Common/Consts';
 import { data as GlobalsData } from 'Common/Globals';
 import { mailBox, notificationMailIcon } from 'Common/Links';
 import { i18n, getNotification } from 'Common/Translator';
-import { momentNowUnix } from 'Common/Momentor';
 
 import * as MessageHelper from 'Helper/Message';
 import { MessageModel } from 'Model/Message';
@@ -209,7 +208,7 @@ class MessageUserStore {
 		this.messageList.subscribe(
 			(list)=>{
 				// debounce
-				d && clearTimeout(d);
+				clearTimeout(d);
 				d = setTimeout(()=>list.forEach(item => {
 					if (item && item.newForAnimation()) {
 						item.newForAnimation(false);
@@ -750,7 +749,7 @@ class MessageUserStore {
 			const folder = getFolderFromCacheList(isNormal(data.Result.Folder) ? data.Result.Folder : '');
 
 			if (folder && !cached) {
-				folder.interval = momentNowUnix();
+				folder.interval = Date.now() / 1000;
 
 				setFolderHash(data.Result.Folder, data.Result.FolderHash);
 
diff --git a/dev/Stores/User/Notification.js b/dev/Stores/User/Notification.js
index 34faa92cb..0f8be5657 100644
--- a/dev/Stores/User/Notification.js
+++ b/dev/Stores/User/Notification.js
@@ -1,7 +1,6 @@
 import ko from 'ko';
 
 import { DesktopNotification } from 'Common/Enums';
-import * as Events from 'Common/Events';
 import Audio from 'Common/Audio';
 
 import * as Settings from 'Storage/Settings';
@@ -118,7 +117,7 @@ class NotificationUserStore {
 		}
 	}
 
-	displayDesktopNotification(imageSrc, title, text, nessageData) {
+	displayDesktopNotification(imageSrc, title, text, messageData) {
 		if (this.enableDesktopNotification()) {
 			const NotificationClass = this.notificationClass(),
 				notification = NotificationClass
@@ -133,12 +132,12 @@ class NotificationUserStore {
 					notification.show();
 				}
 
-				if (nessageData) {
+				if (messageData) {
 					notification.onclick = () => {
 						focus();
 
-						if (nessageData.Folder && nessageData.Uid) {
-							Events.pub('mailbox.message.show', [nessageData.Folder, nessageData.Uid]);
+						if (messageData.Folder && messageData.Uid) {
+							dispatchEvent(new CustomEvent('mailbox.message.show', {detail:messageData}));
 						}
 					};
 				}
diff --git a/dev/Stores/User/Settings.js b/dev/Stores/User/Settings.js
index aeadf550f..991839343 100644
--- a/dev/Stores/User/Settings.js
+++ b/dev/Stores/User/Settings.js
@@ -4,7 +4,6 @@ import { MESSAGES_PER_PAGE, MESSAGES_PER_PAGE_VALUES } from 'Common/Consts';
 import { Layout, EditorDefaultType } from 'Common/Enums';
 import { $htmlCL } from 'Common/Globals';
 import { pInt } from 'Common/Utils';
-import * as Events from 'Common/Events';
 
 import * as Settings from 'Storage/Settings';
 
@@ -48,7 +47,7 @@ class SettingsUserStore {
 			$htmlCL.toggle('rl-no-preview-pane', Layout.NoPreview === value);
 			$htmlCL.toggle('rl-side-preview-pane', Layout.SidePreview === value);
 			$htmlCL.toggle('rl-bottom-preview-pane', Layout.BottomPreview === value);
-			Events.pub('layout', [value]);
+			dispatchEvent(new CustomEvent('rl-layout', {detail:value}));
 		});
 	}
 
@@ -65,16 +64,16 @@ class SettingsUserStore {
 		this.useThreads(!!Settings.settingsGet('UseThreads'));
 		this.replySameFolder(!!Settings.settingsGet('ReplySameFolder'));
 
-		Events.sub('rl.auto-logout-refresh', () => {
+		const refresh = () => {
 			clearTimeout(this.iAutoLogoutTimer);
 			if (0 < this.autoLogout() && !Settings.settingsGet('AccountSignMe')) {
-				this.iAutoLogoutTimer = setTimeout(() => {
-					Events.pub('rl.auto-logout');
-				}, this.autoLogout() * 60000);
+				this.iAutoLogoutTimer = setTimeout(() =>
+					dispatchEvent(new CustomEvent('rl.auto-logout'))
+				, this.autoLogout() * 60000);
 			}
-		});
-
-		Events.pub('rl.auto-logout-refresh');
+		};
+		addEventListener('rl.auto-logout-refresh', refresh);
+		refresh();
 	}
 }
 
diff --git a/dev/Styles/@Main.less b/dev/Styles/@Main.less
index 5466fb3d8..47763eb9a 100644
--- a/dev/Styles/@Main.less
+++ b/dev/Styles/@Main.less
@@ -19,6 +19,7 @@
 
 @import "../../vendors/bootstrap/less/buttons.less";
 @import "../../vendors/bootstrap/less/button-groups.less";
+@import "../../vendors/bootstrap/less/alerts.less";
 
 @import "../../vendors/bootstrap/less/navs.less";
 
@@ -80,7 +81,5 @@
 @import "SettingsThemes.less";
 @import "SettingsFilters.less";
 
-@import "Cmd.less";
-
 @import "Animations.less";
 @import "_End.less";
diff --git a/dev/Styles/Animations.less b/dev/Styles/Animations.less
index 6f64d4047..09981848e 100644
--- a/dev/Styles/Animations.less
+++ b/dev/Styles/Animations.less
@@ -73,11 +73,13 @@ html {
 
 html.rl-anim {
 
-	.rl-animated-inited {
-		opacity: 1;
-		.transition(opacity 0.5s linear);
-
-		&.rl-animated-hidden {
+	.b-login-content {
+		.alertError {
+			display: block;
+			opacity: 1;
+			.transition(opacity 0.5s linear);
+		}
+		.alertError[hidden] {
 			opacity: 0;
 		}
 	}
diff --git a/dev/Styles/Cmd.less b/dev/Styles/Cmd.less
deleted file mode 100644
index e9850467e..000000000
--- a/dev/Styles/Cmd.less
+++ /dev/null
@@ -1,82 +0,0 @@
-
-.rl-cmd {
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	top: auto;
-	height: 0;
-	z-index: 10000;
-
-	background: rgba(0, 0, 0, .85);
-	border-top: 1px solid #000;
-
-	overflow: hidden;
-	font-family: monospace;
-
-	.transition(height 0.1s ease-out);
-
-	&.opened {
-		height: 250px;
-	}
-
-	.rl-cmd-clr-error {
-		color: #CD3131;
-	}
-
-	.rl-cmd-clr-info {
-		color: #BFBF00;
-	}
-
-	.rl-cmd-clr-success {
-		color: #31FF40;
-	}
-
-	.rl-cmd-wrp {
-		position: relative;
-		height: 100%;
-	}
-
-	.rl-cmd-input-helper {
-		color: #666;
-	}
-
-	.rl-cmd-input-prefix {
-		color: #31FF40;
-		display: inline-block;
-	}
-
-	.rl-cmd-input-wrp {
-		position: absolute;
-		bottom: 0;
-		left: 10px;
-		right: 10px;
-	}
-
-	.rl-cmd-input {
-		background: none;
-		border: none;
-		color: white;
-		display: inline-block;
-		width:  calc(~'100% - 30px');
-		font-family: monospace;
-
-		&:focus{
-			background: none;
-			border: none;
-		}
-	}
-
-	.rl-cmd-history {
-		color: white;
-		font-family: monospace;
-		position: absolute;
-		top: 10px;
-		bottom: 60px;
-		left: 10px;
-		right: -30px;
-		overflow: hidden;
-		overflow-x: hidden;
-		overflow-y: auto;
-	}
-}
diff --git a/dev/Styles/MessageView.less b/dev/Styles/MessageView.less
index 0034d6e1f..841c61028 100644
--- a/dev/Styles/MessageView.less
+++ b/dev/Styles/MessageView.less
@@ -649,20 +649,12 @@ html .messageItem {
 	.buttonUp, .buttonUp {
 		display: none !important;
 	}
-	&.scroller-shadow-top .buttonUp {
-		display: inline-block !important;
-	}
 }
 
 html.rl-desktop .messageItem {
 	.buttonUp, .buttonFull {
 		display: none !important;
 	}
-	&:hover {
-		&.scroller-shadow-top .buttonUp, .buttonFull {
-			display: inline-block !important;
-		}
-	}
 }
 
 html.rl-message-fullscreen .messageItem {
@@ -675,7 +667,4 @@ html.rl-message-fullscreen .messageItem {
 	.buttonUp {
 		display: none !important;
 	}
-	&.scroller-shadow-top .buttonUp {
-		display: inline-block !important;
-	}
 }
diff --git a/dev/View/Popup/Compose.js b/dev/View/Popup/Compose.js
index f4a5b6579..9d186fee5 100644
--- a/dev/View/Popup/Compose.js
+++ b/dev/View/Popup/Compose.js
@@ -43,7 +43,6 @@ import MessageStore from 'Stores/User/Message';
 import Remote from 'Remote/User/Ajax';
 
 import * as Settings from 'Storage/Settings';
-import * as Events from 'Common/Events';
 
 import { ComposeAttachmentModel } from 'Model/ComposeAttachment';
 
@@ -164,7 +163,9 @@ class ComposePopupView extends AbstractViewNext {
 
 		this.savedTime = ko.observable(0);
 		this.savedTimeText = ko.computed(() =>
-			0 < this.savedTime() ? i18n('COMPOSE/SAVED_TIME', { 'TIME': momentorFormat(this.savedTime() - 1, 'LT') }) : ''
+			this.savedTime()
+				? i18n('COMPOSE/SAVED_TIME', { 'TIME': this.savedTime().format('LT') })
+				: ''
 		);
 
 		this.emptyToError = ko.observable(false);
@@ -300,7 +301,7 @@ class ComposePopupView extends AbstractViewNext {
 		this.sendMessageResponse = this.sendMessageResponse.bind(this);
 		this.saveMessageResponse = this.saveMessageResponse.bind(this);
 
-		Events.sub('interval.2m', () => {
+		setInterval(() => {
 			if (
 				this.modalVisibility() &&
 				!FolderStore.draftFolderNotEnabled() &&
@@ -312,7 +313,7 @@ class ComposePopupView extends AbstractViewNext {
 			) {
 				this.saveCommand();
 			}
-		});
+		}, 120000);
 
 		this.showCc.subscribe(this.resizerTrigger);
 		this.showBcc.subscribe(this.resizerTrigger);
@@ -326,7 +327,7 @@ class ComposePopupView extends AbstractViewNext {
 		// debounce
 		var d, fn = this.tryToClosePopup.bind(this);
 		this.tryToClosePopup = ()=>{
-			d && clearTimeout(d);
+			clearTimeout(d);
 			d = setTimeout(fn, 200);
 		};
 
@@ -667,7 +668,7 @@ class ComposePopupView extends AbstractViewNext {
 				this.draftFolder(oData.Result.NewFolder);
 				this.draftUid(oData.Result.NewUid);
 
-				this.savedTime(Math.round(new Date().getTime() / 1000));
+				this.savedTime(new Date);
 
 				if (this.bFromDraft) {
 					setFolderHash(this.draftFolder(), '');
@@ -722,15 +723,9 @@ class ComposePopupView extends AbstractViewNext {
 	}
 
 	converSignature(signature) {
-		let limit = 10,
-			fromLine = '';
-
-		const moments = [],
-			momentRegx = /{{MOMENT:([^}]+)}}/g;
-
 		signature = signature.replace(/[\r]/g, '');
 
-		fromLine = this.oLastMessage ? this.emailArrayToStringLineHelper(this.oLastMessage.from, true) : '';
+		let fromLine = this.oLastMessage ? this.emailArrayToStringLineHelper(this.oLastMessage.from, true) : '';
 		if (fromLine) {
 			signature = signature.replace(/{{FROM-FULL}}/g, fromLine);
 
@@ -748,36 +743,14 @@ class ComposePopupView extends AbstractViewNext {
 		signature = signature.replace(/{{FROM-FULL}}/g, '');
 
 		if (signature.includes('{{DATE}}')) {
-			signature = signature.replace(/{{DATE}}/g, momentorFormat(0, 'llll'));
+			signature = signature.replace(/{{DATE}}/g, new Date().format('LLLL'));
 		}
 
 		if (signature.includes('{{TIME}}')) {
-			signature = signature.replace(/{{TIME}}/g, momentorFormat(0, 'LT'));
+			signature = signature.replace(/{{TIME}}/g, new Date().format('LT'));
 		}
-		if (signature.includes('{{MOMENT:')) {
-			try {
-				let match = null;
-				while (null !== (match = momentRegx.exec(signature))) {
-					// eslint-disable-line no-cond-assign
-					if (match && match[0] && match[1]) {
-						moments.push([match[0], match[1]]);
-					}
 
-					limit -= 1;
-					if (0 === limit) {
-						break;
-					}
-				}
-
-				if (moments) {
-					moments.forEach(data => {
-						signature = signature.replace(data[0], momentorFormat(0, data[1]));
-					});
-				}
-
-				signature = signature.replace(/{{MOMENT:[^}]+}}/g, '');
-			} catch (e) {} // eslint-disable-line no-empty
-		}
+		signature = signature.replace(/{{MOMENT:[^}]+}}/g, '');
 
 		return signature;
 	}
@@ -1244,11 +1217,10 @@ class ComposePopupView extends AbstractViewNext {
 			return false;
 		});
 
-		Events.sub('window.resize.real', this.resizerTrigger);
 		var d, o = this;
-		Events.sub('window.resize.real', ()=>{
+		addEventListener('resize.real', ()=>{
 			// debounce
-			d && clearTimeout(d);
+			clearTimeout(d);
 			d = setTimeout(o.resizerTrigger, 50);
 		});
 
diff --git a/dev/View/Popup/FolderSystem.js b/dev/View/Popup/FolderSystem.js
index 5596ab867..787cd5e4b 100644
--- a/dev/View/Popup/FolderSystem.js
+++ b/dev/View/Popup/FolderSystem.js
@@ -65,7 +65,7 @@ class FolderSystemPopupView extends AbstractViewNext {
 			},
 			fSaveSystemFolders = ()=>{
 				// debounce
-				d && clearTimeout(d);
+				clearTimeout(d);
 				d = setTimeout(()=>{
 					fSetSystemFolders();
 					Remote.saveSystemFolders(()=>{}, {
diff --git a/dev/View/Popup/Plugin.js b/dev/View/Popup/Plugin.js
index beaacdcb9..b35544abf 100644
--- a/dev/View/Popup/Plugin.js
+++ b/dev/View/Popup/Plugin.js
@@ -44,7 +44,7 @@ class PluginPopupView extends AbstractViewNext {
 		var d, fn = this.tryToClosePopup.bind(this);
 		this.tryToClosePopup = ()=>{
 			// debounce
-			d && clearTimeout(d);
+			clearTimeout(d);
 			d = setTimeout(fn, 200);
 		};
 	}
diff --git a/dev/View/User/AbstractSystemDropDown.js b/dev/View/User/AbstractSystemDropDown.js
index 8b7499f80..49df6d165 100644
--- a/dev/View/User/AbstractSystemDropDown.js
+++ b/dev/View/User/AbstractSystemDropDown.js
@@ -7,7 +7,6 @@ import MessageStore from 'Stores/User/Message';
 import { Capa, KeyState } from 'Common/Enums';
 import { settings } from 'Common/Links';
 
-import * as Events from 'Common/Events';
 import * as Settings from 'Storage/Settings';
 
 import { getApp } from 'Helper/Apps/User';
@@ -40,12 +39,12 @@ class AbstractSystemDropDownUserView extends AbstractViewNext {
 
 		this.addAccountClick = this.addAccountClick.bind(this);
 
-		Events.sub('audio.stop', () => AppStore.currentAudio(''));
-		Events.sub('audio.start', (name) => AppStore.currentAudio(name));
+		addEventListener('audio.stop', () => AppStore.currentAudio(''));
+		addEventListener('audio.start', e => AppStore.currentAudio(e.detail));
 	}
 
 	stopPlay() {
-		Events.pub('audio.api.stop');
+		dispatchEvent(new CustomEvent('audio.api.stop'));
 	}
 
 	accountClick(account, event) {
diff --git a/dev/View/User/MailBox/MessageList.js b/dev/View/User/MailBox/MessageList.js
index e55fc11f9..9465a0817 100644
--- a/dev/View/User/MailBox/MessageList.js
+++ b/dev/View/User/MailBox/MessageList.js
@@ -19,7 +19,6 @@ import { computedPagenatorHelper, draggablePlace, friendlySize } from 'Common/Ut
 
 import { mailBox, append } from 'Common/Links';
 import { Selector } from 'Common/Selector';
-import * as Events from 'Common/Events';
 
 import { i18n, initOnStartOrLangChange } from 'Common/Translator';
 
@@ -238,15 +237,17 @@ class MessageListMailBoxUserView extends AbstractViewNext {
 			this.goToUpUpOrDownDown(v);
 		});
 
-		Events.sub('mailbox.message-list.selector.go-down', (select) => {
-			this.selector.goDown(select);
+		addEventListener('mailbox.message-list.selector.go-down', e => {
+			this.selector.goDown(e.detail);
 		});
 
-		Events.sub('mailbox.message-list.selector.go-up', (select) => {
-			this.selector.goUp(select);
+		addEventListener('mailbox.message-list.selector.go-up', e => {
+			this.selector.goUp(e.detail);
 		});
 
-		Events.sub('mailbox.message.show', (sFolder, sUid) => {
+		addEventListener('mailbox.message.show', e => {
+			const sFolder = e.detail.Folder, sUid = e.detail.Uid;
+
 			const message = this.messageList().find(
 				item => item && sFolder === item.folderFullNameRaw && sUid === item.uid
 			);
@@ -781,7 +782,7 @@ class MessageListMailBoxUserView extends AbstractViewNext {
 	initShortcuts() {
 		key('enter', KeyState.MessageList, () => {
 			if (this.message() && this.useAutoSelect()) {
-				Events.pub('mailbox.message-view.toggle-full-screen');
+				dispatchEvent(new CustomEvent('mailbox.message-view.toggle-full-screen'));
 				return false;
 			}
 
diff --git a/dev/View/User/MailBox/MessageView.js b/dev/View/User/MailBox/MessageView.js
index 3abd76b4b..954e5501d 100644
--- a/dev/View/User/MailBox/MessageView.js
+++ b/dev/View/User/MailBox/MessageView.js
@@ -27,7 +27,6 @@ import {
 } from 'Common/Utils';
 
 import Audio from 'Common/Audio';
-import * as Events from 'Common/Events';
 
 import { i18n } from 'Common/Translator';
 import { attachmentDownload } from 'Common/Links';
@@ -328,7 +327,7 @@ class MessageViewMailBoxUserView extends AbstractViewNext {
 			() => MessageStore.messageListCompleteLoadingThrottle() || MessageStore.messageLoadingThrottle()
 		);
 
-		Events.sub('mailbox.message-view.toggle-full-screen', () => {
+		addEventListener('mailbox.message-view.toggle-full-screen', () => {
 			this.toggleFullScreen();
 		});
 
@@ -350,12 +349,16 @@ class MessageViewMailBoxUserView extends AbstractViewNext {
 
 	@command((self) => !self.messageListAndMessageViewLoading())
 	goUpCommand() {
-		Events.pub('mailbox.message-list.selector.go-up', [Layout.NoPreview === this.layout() ? !!this.message() : true]);
+		dispatchEvent(new CustomEvent('mailbox.message-list.selector.go-up',
+			{detail:Layout.NoPreview === this.layout() ? !!this.message() : true}
+		));
 	}
 
 	@command((self) => !self.messageListAndMessageViewLoading())
 	goDownCommand() {
-		Events.pub('mailbox.message-list.selector.go-down', [Layout.NoPreview === this.layout() ? !!this.message() : true]);
+		dispatchEvent(new CustomEvent('mailbox.message-list.selector.go-up',
+			{detail:Layout.NoPreview === this.layout() ? !!this.message() : true}
+		));
 	}
 
 	detectDomBackgroundColor(dom) {
@@ -537,8 +540,8 @@ class MessageViewMailBoxUserView extends AbstractViewNext {
 		this.message.subscribe(fCheckHeaderHeight);
 
 		var t;
-		Events.sub(
-			'window.resize',
+		addEventListener(
+			'resize',
 			()=>{
 				// throttle
 				if (!t) {
diff --git a/dev/prototype-date.js b/dev/prototype-date.js
index 98255ffd5..5465dc9cd 100644
--- a/dev/prototype-date.js
+++ b/dev/prototype-date.js
@@ -168,7 +168,7 @@
 	Date.prototype.fromNow = function() {
 		let format,
 			seconds = ((new Date()).getTime() - this.getTime()) / 1000,
-			str = locale.relativeTime[0 < seconds ? 'future' : 'past'];
+			str = locale.relativeTime[0 < seconds ? 'past' : 'future'];
 		seconds = Math.abs(seconds);
 		if (60 > seconds) {
 			format = 's';
diff --git a/rainloop/v/0.0.0/app/libraries/RainLoop/Actions.php b/rainloop/v/0.0.0/app/libraries/RainLoop/Actions.php
index 91d5c7905..a71112fa6 100644
--- a/rainloop/v/0.0.0/app/libraries/RainLoop/Actions.php
+++ b/rainloop/v/0.0.0/app/libraries/RainLoop/Actions.php
@@ -2844,49 +2844,6 @@ NewThemeLink IncludeCss LoadingDescriptionEsc TemplatesLink LangLink IncludeBack
 		return $iResult;
 	}
 
-	/**
-	 * @throws \MailSo\Base\Exceptions\Exception
-	 */
-	public function DoAccountsCounts() : array
-	{
-		$oAccount = $this->getAccountFromToken();
-
-		$bComplete = true;
-		$aCounts = array();
-
-		if ($this->GetCapa(false, false, Enumerations\Capa::ADDITIONAL_ACCOUNTS, $oAccount))
-		{
-			$iLimit = 7;
-			$aAccounts = $this->GetAccounts($oAccount);
-			if ($aAccounts)
-			{
-				if ($iLimit > \count($aAccounts))
-				{
-					$aAccounts = \array_slice($aAccounts, 0, $iLimit);
-				}
-				else
-				{
-					$bComplete = false;
-				}
-
-				foreach ($aAccounts as $sEmail => $sHash)
-				{
-					$aCounts[] = array(\MailSo\Base\Utils::IdnToUtf8($sEmail),
-						$oAccount->Email() === $sEmail ? 0 : $this->getAccountUnreadCountFromHash($sHash));
-				}
-			}
-		}
-		else
-		{
-			$aCounts[] = array(\MailSo\Base\Utils::IdnToUtf8($oAccount->Email()), 0);
-		}
-
-		return $this->DefaultResponse(__FUNCTION__, array(
-			'Complete' => $bComplete,
-			'Counts' => $aCounts
-		));
-	}
-
 	public function ClearSignMeData(Model\Account $oAccount) : void
 	{
 		if ($oAccount)
diff --git a/rainloop/v/0.0.0/app/localization/webmail/nl_NL.yml b/rainloop/v/0.0.0/app/localization/webmail/nl_NL.yml
index 61298ec52..65485ddd1 100644
--- a/rainloop/v/0.0.0/app/localization/webmail/nl_NL.yml
+++ b/rainloop/v/0.0.0/app/localization/webmail/nl_NL.yml
@@ -235,7 +235,7 @@ nl_NL:
     ATTACHMENTS_ERROR_DESC: "Waarschuwing! Nog niet alle bijlagen zijn klaar met uploaden"
     ATTACHMENTS_UPLOAD_ERROR_DESC: "Toevoegen van bijlage(n) is nog niet gereed"
     BUTTON_REQUEST_READ_RECEIPT: "Leesbevestiging vragen"
-    BUTTON_MARK_AS_IMPORTANT: "Marker als belangrijk"
+    BUTTON_MARK_AS_IMPORTANT: "Markeer als belangrijk"
     BUTTON_OPEN_PGP: "OpenPGP (allen bij Platte Tekst)"
     BUTTON_REQUEST_DSN: "Ontvangstbevestiging vragen"
   POPUPS_WELCOME_PAGE:
diff --git a/rainloop/v/0.0.0/app/templates/Views/Admin/AdminPane.html b/rainloop/v/0.0.0/app/templates/Views/Admin/AdminPane.html
index ffdc996e6..6f0fa4a8a 100644
--- a/rainloop/v/0.0.0/app/templates/Views/Admin/AdminPane.html
+++ b/rainloop/v/0.0.0/app/templates/Views/Admin/AdminPane.html
@@ -18,11 +18,11 @@
 			</div>
 		</div>
 	</div>
-	<div class="b-content" data-bind="nano: true, scrollerShadows: true">
-		<div class="content g-scrollbox" data-scroller-shadows-content>
+	<div class="b-content">
+		<div class="content g-scrollbox">
 			<div class="content-wrapper">
 				<div id="rl-settings-subscreen" class="b-settings-content" style="position: relative; z-index: 2"></div>
 			</div>
 		</div>
 	</div>
-</div>
\ No newline at end of file
+</div>
diff --git a/rainloop/v/0.0.0/app/templates/Views/Common/Cmd.html b/rainloop/v/0.0.0/app/templates/Views/Common/Cmd.html
deleted file mode 100644
index f51b642bc..000000000
--- a/rainloop/v/0.0.0/app/templates/Views/Common/Cmd.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class="rl-cmd" data-bind="css: {opened: opened}, click: function() { focused(true) }">
-	<div class="rl-cmd-wrp">
-		<div class="rl-cmd-history"><div class="rl-cmd-history-data"></div></div>
-		<div class="rl-cmd-input-wrp">
-			<div class="rl-cmd-input-helper" data-bind="text: cmdHelper"></div>
-			<div class="rl-cmd-input-prefix">#</div>
-			<input type="text" class="rl-cmd-input" data-bind="textInput: cmd, hasFocus: focused, onEnter: onEnter, onKeyDown: onKeyDown, onEsc: onEsc, onTab: onTab" />
-		</div>
-	</div>
-</div>
\ No newline at end of file
diff --git a/rainloop/v/0.0.0/app/templates/Views/User/Login.html b/rainloop/v/0.0.0/app/templates/Views/User/Login.html
index 46a76723a..6ac926f6e 100644
--- a/rainloop/v/0.0.0/app/templates/Views/User/Login.html
+++ b/rainloop/v/0.0.0/app/templates/Views/User/Login.html
@@ -12,7 +12,7 @@
 				<span class="desc" data-bind="text: loginDescription"></span>
 			</div>
 			{{INCLUDE/AfterLogo/PLACE}}
-			<div class="alert alertError" data-bind="visibleAnimated: '' !== submitError()">
+			<div class="alert alertError" data-bind="visibleAnimated: '' !== submitError()" hidden="">
 				<button type="button" class="close" data-bind="click: function () { submitError('') }">&times;</button>
 				<span data-bind="text: submitError"></span>
 				<div data-bind="visible: '' !== submitErrorAddidional()">
diff --git a/rainloop/v/0.0.0/app/templates/Views/User/MailFolderList.html b/rainloop/v/0.0.0/app/templates/Views/User/MailFolderList.html
index cf0772392..d98a4e897 100644
--- a/rainloop/v/0.0.0/app/templates/Views/User/MailFolderList.html
+++ b/rainloop/v/0.0.0/app/templates/Views/User/MailFolderList.html
@@ -10,8 +10,8 @@
 			<i class="icon-address-book"></i>
 		</a>
 	</div>
-	<div class="b-content opacity-on-panel-disabled" data-bind="visible: allowFolders, nano: true, scrollerShadows: true, css: {'inbox-is-starred': isInboxStarred}">
-		<div class="content g-scrollbox" data-scroller-shadows-content>
+	<div class="b-content opacity-on-panel-disabled" data-bind="visible: allowFolders, css: {'inbox-is-starred': isInboxStarred}">
+		<div class="content g-scrollbox">
 			<div class="content-wrapper">
 				<div class="b-folders-system" data-bind="template: { name: 'MailFolderListSystemItem', foreach: folderListSystem }"></div>
 				<hr class="b-list-delimiter" />
@@ -36,4 +36,4 @@
 			</a>
 		</div>
 	</div>
-</div>
\ No newline at end of file
+</div>
diff --git a/rainloop/v/0.0.0/app/templates/Views/User/MailMessageList.html b/rainloop/v/0.0.0/app/templates/Views/User/MailMessageList.html
index 8f7d6b0c2..cb70e4855 100644
--- a/rainloop/v/0.0.0/app/templates/Views/User/MailMessageList.html
+++ b/rainloop/v/0.0.0/app/templates/Views/User/MailMessageList.html
@@ -166,8 +166,8 @@
 			</div>
 			<div class="line-loading e-strip-animation" data-bind="visible: messageListCompleteLoadingThrottle"></div>
 			<div class="mainDelimiter toolbarDelimiter"></div>
-			<div class="b-content" data-bind="nano: true, scrollerShadows: true, initDom: dragOverBodyArea">
-				<div class="content g-scrollbox" data-scroller-shadows-content>
+			<div class="b-content" data-bind="initDom: dragOverBodyArea">
+				<div class="content g-scrollbox">
 					<div class="content-wrapper">
 						<div class="listThreadUidDesc" data-bind="visible: '' !== messageListEndThreadUid(), click: cancelThreadUid">
 							<i class="icon-left" data-bind="click: cancelThreadUid"></i>
@@ -215,4 +215,4 @@
 			</div>
 		</div>
 	</div>
-</div>
\ No newline at end of file
+</div>
diff --git a/rainloop/v/0.0.0/app/templates/Views/User/MailMessageListItem.html b/rainloop/v/0.0.0/app/templates/Views/User/MailMessageListItem.html
index a83231b3a..38a91842b 100644
--- a/rainloop/v/0.0.0/app/templates/Views/User/MailMessageListItem.html
+++ b/rainloop/v/0.0.0/app/templates/Views/User/MailMessageListItem.html
@@ -16,7 +16,7 @@
 			</span>
 		</div>
 		<div class="dateParent actionHandle dragHandle">
-			<span class="date" data-moment-format="SHORT" data-moment-format-title="FULL" data-bind="moment: dateTimeStampInUTC"></span>
+			<time class="date" data-moment-format="SHORT" data-moment-format-title="FULL" data-bind="moment: dateTimeStampInUTC"></time>
 		</div>
 		<div class="threadsParent" data-bind="visible: 1 < threadsLen()">
 			<span class="threads-len">
@@ -46,4 +46,4 @@
 			<span class="subject-prefix" data-bind="text: subjectPrefix"></span><span class="subject-suffix" data-bind="text: subjectSuffix"></span>
 		</div>
 	</div>
-</div>
\ No newline at end of file
+</div>
diff --git a/rainloop/v/0.0.0/app/templates/Views/User/MailMessageListItemNoPreviewPane.html b/rainloop/v/0.0.0/app/templates/Views/User/MailMessageListItemNoPreviewPane.html
index e16ec903b..db0b76f8a 100644
--- a/rainloop/v/0.0.0/app/templates/Views/User/MailMessageListItemNoPreviewPane.html
+++ b/rainloop/v/0.0.0/app/templates/Views/User/MailMessageListItemNoPreviewPane.html
@@ -5,7 +5,7 @@
 	<div class="delimiter"></div>
 	<div class="wrapper">
 		<div class="dateParent actionHandle dragHandle">
-			<span class="date" data-moment-format="SHORT" data-moment-format-title="FULL" data-bind="moment: dateTimeStampInUTC"></span>
+			<time class="date" data-moment-format="SHORT" data-moment-format-title="FULL" data-bind="moment: dateTimeStampInUTC"></time>
 		</div>
 		<div class="threadsParent" data-bind="visible: 1 < threadsLen()">
 			<span class="threads-len">
@@ -47,4 +47,4 @@
 		</div>
 		<div class="clearfix"></div>
 	</div>
-</div>
\ No newline at end of file
+</div>
diff --git a/rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html b/rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html
index 1c2972736..488ffd38a 100644
--- a/rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html
+++ b/rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html
@@ -247,7 +247,7 @@
 											</span>
 										</span>
 										<span data-bind="visible: 0 < viewTimeStamp()">
-											(<span class="date" data-moment-format="FULL" data-bind="moment: viewTimeStamp"></span>)
+											(<time class="date" data-moment-format="FULL" data-bind="moment: viewTimeStamp"></time>)
 										</span>
 									</div>
 									<div class="informationShortWrp">
@@ -296,17 +296,17 @@
 									<tr data-bind="visible: 0 < viewTimeStamp()">
 										<td><span class="i18n uiLabel" data-i18n="MESSAGE/LABEL_DATE"></span></td>
 										<td>
-											<span class="date uiLabelValue" data-moment-format="FULL" data-bind="moment: viewTimeStamp"></span>
+											<time class="date uiLabelValue" data-moment-format="FULL" data-bind="moment: viewTimeStamp"></time>
 											&nbsp;
-											(<span class="date uiLabelValue" data-moment-format="FROMNOW" data-bind="moment: viewTimeStamp"></span>)
+											(<time class="date uiLabelValue" data-moment-format="FROMNOW" data-bind="moment: viewTimeStamp"></time>)
 										</td>
 									</tr>
 								</table>
 							</div>
 						</div>
 					</div>
-					<div class="messageItem fixIndex" data-bind="css: viewLineAsCss(), nano: true, scrollerShadows: true, attr: {'style': 'top:' + viewBodyTopValue() + 'px' }">
-						<div class="content g-scrollbox" tabindex="0" data-scroller-shadows-content data-bind="hasfocus: messageDomFocused, css: { 'focused': messageDomFocused },
+					<div class="messageItem fixIndex" data-bind="css: viewLineAsCss(), attr: {'style': 'top:' + viewBodyTopValue() + 'px' }">
+						<div class="content g-scrollbox" tabindex="0" data-bind="hasfocus: messageDomFocused, css: { 'focused': messageDomFocused },
 							style: {'background-color': messageLoadingThrottle() ? '' : bodyBackgroundColor()}">
 
 							<div class="content-wrapper">
diff --git a/rainloop/v/0.0.0/app/templates/Views/User/PopupsCompose.html b/rainloop/v/0.0.0/app/templates/Views/User/PopupsCompose.html
index ab9f7a383..75254f327 100644
--- a/rainloop/v/0.0.0/app/templates/Views/User/PopupsCompose.html
+++ b/rainloop/v/0.0.0/app/templates/Views/User/PopupsCompose.html
@@ -185,8 +185,8 @@
 					</div>
 				</div>
 
-				<div class="attachmentAreaParent b-content" style="height: 200px; min-height: 200px" data-bind="nano: true, scrollerShadows: true, visible: attachmentsPlace, initResizeTrigger: [resizer(), 200, 57]">
-					<div class="content g-scrollbox" data-scroller-shadows-content>
+				<div class="attachmentAreaParent b-content" style="height: 200px; min-height: 200px" data-bind="visible: attachmentsPlace, initResizeTrigger: [resizer(), 200, 57]">
+					<div class="content g-scrollbox">
 						<div class="content-wrapper">
 							<div class="b-attachment-place" data-bind="visible: addAttachmentEnabled() && dragAndDropEnabled() && dragAndDropVisible(), initDom: composeUploaderDropPlace, css: {'dragAndDropOver': dragAndDropOver}">
 								<span class="i18n" data-i18n="COMPOSE/ATTACH_DROP_FILES_DESC"></span>
diff --git a/rainloop/v/0.0.0/app/templates/Views/User/PopupsContacts.html b/rainloop/v/0.0.0/app/templates/Views/User/PopupsContacts.html
index 56daa2549..75046fa97 100644
--- a/rainloop/v/0.0.0/app/templates/Views/User/PopupsContacts.html
+++ b/rainloop/v/0.0.0/app/templates/Views/User/PopupsContacts.html
@@ -71,8 +71,8 @@
 			<div class="b-list-toolbar">
 				<input type="text" class="i18n span3 e-search" placeholder="Search" autocorrect="off" autocapitalize="off" data-i18n="[placeholder]CONTACTS/SEARCH_INPUT_PLACEHOLDER" data-bind="value: search" />
 			</div>
-			<div class="b-list-content g-ui-user-select-none" data-bind="nano: true, scrollerShadows: true, css: {'hideContactListCheckbox': !useCheckboxesInList()}">
-				<div class="content g-scrollbox" data-scroller-shadows-content>
+			<div class="b-list-content g-ui-user-select-none" data-bind="css: {'hideContactListCheckbox': !useCheckboxesInList()}">
+				<div class="content g-scrollbox">
 					<div class="content-wrapper">
 						<div class="listClear" data-bind="visible: viewClearSearch() && '' !== search()">
 							<span class="g-ui-link i18n" data-i18n="CONTACTS/CLEAR_SEARCH" data-bind="command: clearCommand"></span>
@@ -167,8 +167,8 @@
 					</button>
 				</div>
 			</div>
-			<div class="b-view-content" data-bind="nano: true, scrollerShadows: true, css: {'read-only': viewReadOnly}">
-				<div class="content g-scrollbox" data-scroller-shadows-content>
+			<div class="b-view-content" data-bind="css: {'read-only': viewReadOnly}">
+				<div class="content g-scrollbox">
 					<div class="content-wrapper">
 						<div class="b-contact-view-desc" data-bind="visible: emptySelection">
 							<span class="i18n" data-i18n="CONTACTS/CONTACT_VIEW_DESC"></span>
diff --git a/rainloop/v/0.0.0/app/templates/Views/User/PopupsMessageOpenPgp.html b/rainloop/v/0.0.0/app/templates/Views/User/PopupsMessageOpenPgp.html
index abca830d9..caf0a2e78 100644
--- a/rainloop/v/0.0.0/app/templates/Views/User/PopupsMessageOpenPgp.html
+++ b/rainloop/v/0.0.0/app/templates/Views/User/PopupsMessageOpenPgp.html
@@ -30,7 +30,6 @@
 									</span>
 								</div>
 							</div>
-							<!--<div data-bind="json: $data"></div>-->
 						</div>
 					</div>
 					<div class="control-group">
diff --git a/rainloop/v/0.0.0/app/templates/Views/User/SettingsPane.html b/rainloop/v/0.0.0/app/templates/Views/User/SettingsPane.html
index 3fdc7d7e0..76b7fdc77 100644
--- a/rainloop/v/0.0.0/app/templates/Views/User/SettingsPane.html
+++ b/rainloop/v/0.0.0/app/templates/Views/User/SettingsPane.html
@@ -18,11 +18,11 @@
 			</a>
 		</div>
 	</div>
-	<div class="b-content" data-bind="nano: true, scrollerShadows: true">
-		<div class="content g-scrollbox" data-scroller-shadows-content>
+	<div class="b-content">
+		<div class="content g-scrollbox">
 			<div class="content-wrapper">
 				<div id="rl-settings-subscreen" class="b-settings-content" style="position: relative; z-index: 2"></div>
 			</div>
 		</div>
 	</div>
-</div>
\ No newline at end of file
+</div>