From e583f84e082b6a75e3dca9b24e949d3d40d293bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Wed, 16 Nov 2022 14:40:18 -0500
Subject: [PATCH] refactor: es6 alerts

---
 public/src/modules/alerts.js | 255 +++++++++++++++++------------------
 1 file changed, 126 insertions(+), 129 deletions(-)

diff --git a/public/src/modules/alerts.js b/public/src/modules/alerts.js
index 6dc3195ec5..4dc9d1aba5 100644
--- a/public/src/modules/alerts.js
+++ b/public/src/modules/alerts.js
@@ -1,155 +1,152 @@
 'use strict';
 
+import * as components from './components';
+import * as hooks from './hooks';
 
-define('alerts', ['translator', 'components', 'hooks'], function (translator, components, hooks) {
-	const module = {};
+export function alert(params) {
+	params.alert_id = 'alert_button_' + (params.alert_id ? params.alert_id : new Date().getTime());
+	params.title = params.title ? params.title.trim() || '' : '';
+	params.message = params.message ? params.message.trim() : '';
+	params.type = params.type || 'info';
 
-	module.alert = function (params) {
-		params.alert_id = 'alert_button_' + (params.alert_id ? params.alert_id : new Date().getTime());
-		params.title = params.title ? params.title.trim() || '' : '';
-		params.message = params.message ? params.message.trim() : '';
-		params.type = params.type || 'info';
+	const alert = $('#' + params.alert_id);
+	if (alert.length) {
+		updateAlert(alert, params);
+	} else {
+		createNew(params);
+	}
+}
 
-		const alert = $('#' + params.alert_id);
-		if (alert.length) {
-			updateAlert(alert, params);
-		} else {
-			createNew(params);
-		}
-	};
+export function success(message, timeout) {
+	alert({
+		alert_id: utils.generateUUID(),
+		title: '[[global:alert.success]]',
+		message: message,
+		type: 'success',
+		timeout: timeout || 5000,
+	});
+}
 
-	module.success = function (message, timeout) {
-		module.alert({
-			alert_id: utils.generateUUID(),
-			title: '[[global:alert.success]]',
-			message: message,
-			type: 'success',
-			timeout: timeout || 5000,
-		});
-	};
+export function error(message, timeout) {
+	message = (message && message.message) || message;
 
-	module.error = function (message, timeout) {
-		message = (message && message.message) || message;
-
-		if (message === '[[error:revalidate-failure]]') {
-			socket.disconnect();
-			app.reconnect();
-			return;
-		}
-
-		module.alert({
-			alert_id: utils.generateUUID(),
-			title: '[[global:alert.error]]',
-			message: message,
-			type: 'danger',
-			timeout: timeout || 10000,
-		});
-	};
-
-	module.remove = function (id) {
-		$('#alert_button_' + id).remove();
-	};
-
-	function createNew(params) {
-		app.parseAndTranslate('partials/toast', params, function (html) {
-			let alert = $('#' + params.alert_id);
-			if (alert.length) {
-				return updateAlert(alert, params);
-			}
-			alert = html;
-			alert.fadeIn(200);
-
-			components.get('toaster/tray').prepend(alert);
-
-			if (typeof params.closefn === 'function') {
-				alert.find('button').on('click', function () {
-					params.closefn();
-					fadeOut(alert);
-					return false;
-				});
-			}
-
-			if (params.timeout) {
-				startTimeout(alert, params);
-			}
-
-			if (typeof params.clickfn === 'function') {
-				alert
-					.addClass('pointer')
-					.on('click', function (e) {
-						if (!$(e.target).is('.close')) {
-							params.clickfn(alert, params);
-						}
-						fadeOut(alert);
-					});
-			}
-
-			hooks.fire('action:alert.new', { alert, params });
-		});
+	if (message === '[[error:revalidate-failure]]') {
+		socket.disconnect();
+		app.reconnect();
+		return;
 	}
 
-	function updateAlert(alert, params) {
-		alert.find('strong').translateHtml(params.title);
-		alert.find('p').translateHtml(params.message);
-		alert.attr('class', 'alert alert-dismissable alert-' + params.type + ' clearfix');
+	alert({
+		alert_id: utils.generateUUID(),
+		title: '[[global:alert.error]]',
+		message: message,
+		type: 'danger',
+		timeout: timeout || 10000,
+	});
+}
+
+export function remove(id) {
+	$('#alert_button_' + id).remove();
+}
+
+function updateAlert(alert, params) {
+	alert.find('strong').translateHtml(params.title);
+	alert.find('p').translateHtml(params.message);
+	alert.attr('class', 'alert alert-dismissable alert-' + params.type + ' clearfix');
+
+	clearTimeout(parseInt(alert.attr('timeoutId'), 10));
+	if (params.timeout) {
+		startTimeout(alert, params);
+	}
+
+	hooks.fire('action:alert.update', { alert, params });
+
+	// Handle changes in the clickfn
+	alert.off('click').removeClass('pointer');
+	if (typeof params.clickfn === 'function') {
+		alert
+			.addClass('pointer')
+			.on('click', function (e) {
+				if (!$(e.target).is('.close')) {
+					params.clickfn();
+				}
+				fadeOut(alert);
+			});
+	}
+}
+
+function createNew(params) {
+	app.parseAndTranslate('partials/toast', params, function (html) {
+		let alert = $('#' + params.alert_id);
+		if (alert.length) {
+			return updateAlert(alert, params);
+		}
+		alert = html;
+		alert.fadeIn(200);
+
+		components.get('toaster/tray').prepend(alert);
+
+		if (typeof params.closefn === 'function') {
+			alert.find('button').on('click', function () {
+				params.closefn();
+				fadeOut(alert);
+				return false;
+			});
+		}
 
-		clearTimeout(parseInt(alert.attr('timeoutId'), 10));
 		if (params.timeout) {
 			startTimeout(alert, params);
 		}
 
-		hooks.fire('action:alert.update', { alert, params });
-
-		// Handle changes in the clickfn
-		alert.off('click').removeClass('pointer');
 		if (typeof params.clickfn === 'function') {
 			alert
 				.addClass('pointer')
 				.on('click', function (e) {
 					if (!$(e.target).is('.close')) {
-						params.clickfn();
+						params.clickfn(alert, params);
 					}
 					fadeOut(alert);
 				});
 		}
-	}
 
-	function fadeOut(alert) {
-		alert.fadeOut(500, function () {
-			$(this).remove();
+		hooks.fire('action:alert.new', { alert, params });
+	});
+}
+
+function fadeOut(alert) {
+	alert.fadeOut(500, function () {
+		$(this).remove();
+	});
+}
+
+function startTimeout(alert, params) {
+	const timeout = params.timeout;
+
+	const timeoutId = setTimeout(function () {
+		fadeOut(alert);
+
+		if (typeof params.timeoutfn === 'function') {
+			params.timeoutfn(alert, params);
+		}
+	}, timeout);
+
+	alert.attr('timeoutId', timeoutId);
+
+	// Reset and start animation
+	alert.css('transition-property', 'none');
+	alert.removeClass('animate');
+
+	setTimeout(function () {
+		alert.css('transition-property', '');
+		alert.css('transition', 'width ' + (timeout + 450) + 'ms linear, background-color ' + (timeout + 450) + 'ms ease-in');
+		alert.addClass('animate');
+		hooks.fire('action:alert.animate', { alert, params });
+	}, 50);
+
+	// Handle mouseenter/mouseleave
+	alert
+		.on('mouseenter', function () {
+			$(this).css('transition-duration', 0);
 		});
-	}
+}
 
-	function startTimeout(alert, params) {
-		const timeout = params.timeout;
-
-		const timeoutId = setTimeout(function () {
-			fadeOut(alert);
-
-			if (typeof params.timeoutfn === 'function') {
-				params.timeoutfn(alert, params);
-			}
-		}, timeout);
-
-		alert.attr('timeoutId', timeoutId);
-
-		// Reset and start animation
-		alert.css('transition-property', 'none');
-		alert.removeClass('animate');
-
-		setTimeout(function () {
-			alert.css('transition-property', '');
-			alert.css('transition', 'width ' + (timeout + 450) + 'ms linear, background-color ' + (timeout + 450) + 'ms ease-in');
-			alert.addClass('animate');
-			hooks.fire('action:alert.animate', { alert, params });
-		}, 50);
-
-		// Handle mouseenter/mouseleave
-		alert
-			.on('mouseenter', function () {
-				$(this).css('transition-duration', 0);
-			});
-	}
-
-	return module;
-});