Cleanup a bit of javascript

dev/Settings/User/Themes.js

@@ -6,6 +6,7 @@ import { i18n } from 'Common/Translator';
 import { SettingsCapa } from 'Common/Globals';
 
 import { ThemeStore, convertThemeName, changeTheme } from 'Stores/Theme';
+import { addSubscribablesTo } from 'External/ko';
 
 import Remote from 'Remote/User/Fetch';
 
@@ -24,20 +25,22 @@ export class UserSettingsThemes /*extends AbstractViewSettings*/ {
 		this.fontSansSerif = ThemeStore.fontSansSerif;
 		this.fontSerif = ThemeStore.fontSerif;
 		this.fontMono = ThemeStore.fontMono;
-		ThemeStore.fontSansSerif.subscribe(value => {
+		addSubscribablesTo(ThemeStore, {
+			fontSansSerif: value => {
 				Remote.saveSettings(null, {
 					fontSansSerif: value
 				});
-		});
+			},
-		ThemeStore.fontSerif.subscribe(value => {
+			fontSerif: value => {
 				Remote.saveSettings(null, {
 					fontSerif: value
 				});
-		});
+			},
-		ThemeStore.fontMono.subscribe(value => {
+			fontMono: value => {
 				Remote.saveSettings(null, {
 					fontMono: value
 				});
+			}
 		});
 
 		this.theme = ThemeStore.theme;

dev/Stores/Theme.js

@@ -3,6 +3,7 @@ import { $htmlCL, appEl, elementById, leftPanelDisabled, Settings, SettingsGet }
 import { isArray, arrayLength } from 'Common/Utils';
 import { cssLink, serverRequestRaw } from 'Common/Links';
 import { SaveSettingStatus } from 'Common/Enums';
+import { addSubscribablesTo } from 'External/ko';
 
 let __themeTimer = 0;
 
@@ -60,9 +61,10 @@ export const
 
 	convertThemeName = theme => theme.replace(/@[a-z]+$/, '').replace(/([A-Z])/g, ' $1').trim();
 
-ThemeStore.isMobile.subscribe(value => $htmlCL.toggle('rl-mobile', value));
+addSubscribablesTo(ThemeStore, {
+	isMobile: value => $htmlCL.toggle('rl-mobile', value),
 
-ThemeStore.fontSansSerif.subscribe(value => {
+	fontSansSerif: value => {
 		if (null != value) {
 			let cl = appEl.classList;
 			cl.forEach(name => {
@@ -72,23 +74,26 @@ ThemeStore.fontSansSerif.subscribe(value => {
 			});
 			value && cl.add('font'+value);
 		}
-});
+	},
-ThemeStore.fontSerif.subscribe(value => {
+
+	fontSerif: value => {
 		if (null != value) {
 			let cl = appEl.classList;
 			cl.forEach(name => name.startsWith('fontSerif') && cl.remove(name));
 			value && cl.add('fontSerif'+value);
 		}
-});
+	},
-ThemeStore.fontMono.subscribe(value => {
+
+	fontMono: value => {
 		if (null != value) {
 			let cl = appEl.classList;
 			cl.forEach(name => name.startsWith('fontMono') && cl.remove(name));
 			value && cl.add('fontMono'+value);
 		}
-});
+	},
 
-ThemeStore.userBackgroundHash.subscribe(value => {
+	userBackgroundHash: value => {
 		appEl.classList.toggle('UserBackground', !!value);
 		appEl.style.backgroundImage = value ? "url("+serverRequestRaw('UserBackground', value)+")" : null;
+	}
 });

dev/prototype.js

@@ -53,7 +53,7 @@
 			return function(...args) {
 				timer && clearTimeout(timer);
 				timer = setTimeout(()=>{
-					func.apply(this, args)
+					func.apply(this, args);
 					timer = 0;
 				}, ms);
 			};
@@ -68,12 +68,10 @@
 		Function.prototype.throttle = function(ms) {
 			let func = this, timer;
 			return function(...args) {
-				if (!timer) {
+				timer = timer || setTimeout(()=>{
-					timer = setTimeout(()=>{
+						func.apply(this, args);
-						func.apply(this, args)
 						timer = 0;
 					}, ms);
-				}
 			};
 		};
 	}