Use snackbar notifications in templates

Author: BurntimeX

wcfsetup/install/files/acp/templates/cronjobLogList.tpl

@@ -1,7 +1,7 @@
 {include file='header' pageTitle='wcf.acp.cronjob.log'}
 
 <script data-relocate="true">
-	require(['WoltLabSuite/Core/Api/Cronjobs/Logs/ClearLogs', 'Ui/Notification', 'WoltLabSuite/Core/Component/Confirmation'], ({ clearLogs }, UiNotification, { confirmationFactory }) => {
+	require(['WoltLabSuite/Core/Api/Cronjobs/Logs/ClearLogs', 'WoltLabSuite/Core/Component/Snackbar', 'WoltLabSuite/Core/Component/Confirmation'], ({ clearLogs }, { showDefaultSuccessSnackbar }, { confirmationFactory }) => {
 		document.querySelectorAll('.jsCronjobLogDelete').forEach((button) => {
 			button.addEventListener('click', async () => {
 				const result = await confirmationFactory()
@@ -11,7 +11,7 @@
 				if (result) {
 					const response = await clearLogs();
 					if (response.ok) {
-						UiNotification.show(undefined, () => {
+						showDefaultSuccessSnackbar().addEventListener("snackbar:close", () => {
 							window.location.reload();
 						});
 					}

wcfsetup/install/files/acp/templates/userRankList.tpl

@@ -1,17 +1,15 @@
 {include file='header' pageTitle='wcf.acp.user.rank.list'}
 
 <script data-relocate="true">
-	require(['Language', 'Ui/Notification', 'WoltLabSuite/Core/Acp/Ui/Worker'], function (Language, UiNotification, AcpUiWorker) {
+	require(['Language', 'WoltLabSuite/Core/Component/Snackbar', 'WoltLabSuite/Core/Acp/Ui/Worker'], (Language, { showDefaultSuccessSnackbar }, AcpUiWorker) => {
 		Language.add('wcf.acp.worker.abort.confirmMessage', '{jslang}wcf.acp.worker.abort.confirmMessage{/jslang}');
 		
-		document.getElementById('updateEvents').addEventListener('click', function (event) {
-			event.preventDefault();
-			
+		document.getElementById('updateEvents').addEventListener('click', () => {
 			new AcpUiWorker({
 				dialogId: 'updateEvents',
 				dialogTitle: '{jslang}wcf.acp.user.activityPoint.updateEvents{/jslang}',
 				className: 'wcf\\system\\worker\\UserActivityPointUpdateEventsWorker',
-				callbackSuccess: () => UiNotification.show()
+				callbackSuccess: () => showDefaultSuccessSnackbar()
 			});
 		});
 	});
@@ -24,7 +22,7 @@
 
 	<nav class="contentHeaderNavigation">
 		<ul>
-			<li><a id="updateEvents" class="button">{icon name='arrow-rotate-right'} <span>{lang}wcf.acp.user.activityPoint.updateEvents{/lang}</span></a></li>
+			<li><button type="button" id="updateEvents" class="button">{icon name='arrow-rotate-right'} <span>{lang}wcf.acp.user.activityPoint.updateEvents{/lang}</span></button></li>
 			<li><a href="{link controller='UserRankAdd'}{/link}" class="button">{icon name='plus'} <span>{lang}wcf.acp.user.rank.add{/lang}</span></a></li>
 
 			{event name='contentHeaderNavigation'}