Make use of the new snackbar notifications

Author: BurntimeX

ts/WoltLabSuite/Core/Acp/Component/Cache/Clear.ts

@@ -9,8 +9,8 @@
 
 import { prepareRequest } from "WoltLabSuite/Core/Ajax/Backend";
 import { confirmationFactory } from "WoltLabSuite/Core/Component/Confirmation";
+import { showDefaultSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
 import { getPhrase } from "WoltLabSuite/Core/Language";
-import * as UiNotification from "WoltLabSuite/Core/Ui/Notification";
 
 function initButton(button: HTMLButtonElement): void {
   button.addEventListener("click", () => {
@@ -22,7 +22,7 @@ async function clearCache(endpoint: string): Promise<void> {
   const result = await confirmationFactory().custom(getPhrase("wcf.acp.cache.clear.sure")).withoutMessage();
   if (result) {
     await prepareRequest(endpoint).post().fetchAsResponse();
-    UiNotification.show();
+    showDefaultSuccessSnackbar();
   }
 }
 

ts/WoltLabSuite/Core/Acp/Controller/Dashboard/Configure.ts

@@ -8,14 +8,14 @@
  */
 
 import { dialogFactory } from "WoltLabSuite/Core/Component/Dialog";
+import { showDefaultSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
 import { promiseMutex } from "WoltLabSuite/Core/Helper/PromiseMutex";
-import { show as showNotification } from "WoltLabSuite/Core/Ui/Notification";
 
 async function showDialog(url: string): Promise<void> {
   const { ok } = await dialogFactory().usingFormBuilder().fromEndpoint<Response>(url);
 
   if (ok) {
-    showNotification(undefined, () => {
+    showDefaultSuccessSnackbar().addEventListener("snackbar:close", () => {
       window.location.reload();
     });
   }

ts/WoltLabSuite/Core/Acp/Controller/User/List.ts

@@ -9,13 +9,13 @@
 import * as EventHandler from "../../../Event/Handler";
 import { ClipboardActionData } from "WoltLabSuite/Core/Controller/Clipboard/Data";
 import { dboAction } from "WoltLabSuite/Core/Ajax";
-import { show as showNotification } from "WoltLabSuite/Core/Ui/Notification";
 import UiDropdownSimple from "WoltLabSuite/Core/Ui/Dropdown/Simple";
 import BanHandler from "WoltLabSuite/Core/Acp/Ui/User/Action/Handler/Ban";
 import SendNewPassword from "WoltLabSuite/Core/Acp/Ui/User/Action/Handler/SendNewPassword";
 import { setup as setupClipboard, unmark as unmarkClipboard } from "WoltLabSuite/Core/Controller/Clipboard";
 import AcpUiUserList from "WoltLabSuite/Core/Acp/Ui/User/Editor";
 import { AcpUserContentRemoveClipboard } from "WoltLabSuite/Core/Acp/Ui/User/Content/Remove/Clipboard";
+import { showDefaultSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
 
 function getUserElements(userIDs: number[]): HTMLElement[] {
   return Array.from(document.querySelectorAll<HTMLElement>(".jsUserRow")).filter((userRow) =>
@@ -32,7 +32,7 @@ function getDropdownMenu(userRow: HTMLElement): HTMLElement {
 function refresh(userIDs: number[]) {
   unmarkClipboard("com.woltlab.wcf.user", userIDs);
 
-  showNotification();
+  showDefaultSuccessSnackbar();
 
   EventHandler.fire("com.woltlab.wcf.acp.user", "refresh", {
     userIds: userIDs,

ts/WoltLabSuite/Core/Acp/Controller/VersionTracker/VersionList.ts

@@ -9,7 +9,7 @@
 
 import { revertVersion } from "WoltLabSuite/Core/Api/VersionTrackers/RevertVersion";
 import { confirmationFactory } from "WoltLabSuite/Core/Component/Confirmation";
-import * as UiNotification from "WoltLabSuite/Core/Ui/Notification";
+import { showDefaultSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
 
 function initRevertButtons(container: HTMLElement, objectType: string, objectId: number): void {
   container.querySelectorAll<HTMLButtonElement>(".jsRevertButton").forEach((button) => {
@@ -21,7 +21,7 @@ function initRevertButtons(container: HTMLElement, objectType: string, objectId:
 
       const response = await revertVersion(objectType, objectId, parseInt(button.dataset.objectId!));
       if (response.ok) {
-        UiNotification.show(undefined, () => {
+        showDefaultSuccessSnackbar().addEventListener("snackbar:close", () => {
           window.location.reload();
         });
       }

ts/WoltLabSuite/Core/Acp/Ui/Article/InlineEditor.ts

@@ -6,6 +6,7 @@
  * @license  GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
  */
 
+import { showDefaultSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
 import * as Ajax from "../../../Ajax";
 import { AjaxCallbackSetup, DatabaseObjectActionResponse } from "../../../Ajax/Data";
 import { confirmationFactory } from "../../../Component/Confirmation";
@@ -100,7 +101,7 @@ class AcpUiArticleInlineEditor {
       if (triggerFunction) {
         actionData.responseData.objectIDs.forEach((objectId) => triggerFunction(objectId));
 
-        UiNotification.show();
+        showDefaultSuccessSnackbar();
       }
     } else if (actionData.data.actionName === "com.woltlab.wcf.article.setCategory") {
       const dialog = UiDialog.openStatic("articleCategoryDialog", actionData.data.internalData.template, {

ts/WoltLabSuite/Core/Acp/Ui/Devtools/Project/Pip/Entry/List.ts

@@ -9,8 +9,8 @@
 import * as Ajax from "../../../../../../Ajax";
 import * as Language from "../../../../../../Language";
 import { ConfirmationCallbackParameters, show as showConfirmation } from "../../../../../../Ui/Confirmation";
-import * as UiNotification from "../../../../../../Ui/Notification";
 import { AjaxCallbackSetup } from "../../../../../../Ajax/Data";
+import { showDefaultSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
 
 interface AjaxResponse {
   returnValues: {
@@ -63,7 +63,7 @@ class DevtoolsProjectPipEntryList {
    * Handles successful AJAX request.
    */
   _ajaxSuccess(data: AjaxResponse): void {
-    UiNotification.show();
+    showDefaultSuccessSnackbar();
 
     this.table.querySelectorAll("tbody > tr").forEach((pipEntry: HTMLTableRowElement) => {
       if (pipEntry.dataset.identifier === data.returnValues.identifier) {

ts/WoltLabSuite/Core/Acp/Ui/Devtools/Project/QuickSetup.ts

@@ -10,9 +10,9 @@ import * as Ajax from "../../../../Ajax";
 import DomUtil from "../../../../Dom/Util";
 import * as Language from "../../../../Language";
 import UiDialog from "../../../../Ui/Dialog";
-import * as UiNotification from "../../../../Ui/Notification";
 import { AjaxCallbackObject, AjaxCallbackSetup } from "../../../../Ajax/Data";
 import { DialogCallbackObject, DialogCallbackSetup } from "../../../../Ui/Dialog/Data";
+import { showSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
 
 interface AjaxResponse {
   returnValues: {
@@ -66,7 +66,7 @@ class AcpUiDevtoolsProjectQuickSetup implements AjaxCallbackObject, DialogCallba
 
     UiDialog.close(this);
 
-    UiNotification.show(data.returnValues.successMessage, () => {
+    showSuccessSnackbar(data.returnValues.successMessage).addEventListener("snackbar:close", () => {
       window.location.reload();
     });
   }

ts/WoltLabSuite/Core/Acp/Ui/Devtools/Project/Sync.ts

@@ -1,9 +1,9 @@
 import * as Ajax from "../../../../Ajax";
 import * as Language from "../../../../Language";
-import * as UiNotification from "../../../../Ui/Notification";
 import { AjaxCallbackSetup, AjaxResponseException } from "../../../../Ajax/Data";
 import { DialogCallbackSetup } from "../../../../Ui/Dialog/Data";
 import { dialogFactory } from "../../../../Component/Dialog";
+import { showDefaultSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
 
 interface PipData {
   dependencies: string[];
@@ -176,7 +176,7 @@ class AcpUiDevtoolsProjectSync {
     if (this.queue.length === 0) {
       this.buttonSyncAll.classList.remove("disabled");
 
-      UiNotification.show();
+      showDefaultSuccessSnackbar();
 
       return;
     }

ts/WoltLabSuite/Core/Acp/Ui/Page/BoxOrder.ts

@@ -10,8 +10,8 @@ import * as Ajax from "../../../Ajax";
 import DomChangeListener from "../../../Dom/Change/Listener";
 import * as Language from "../../../Language";
 import * as UiConfirmation from "../../../Ui/Confirmation";
-import * as UiNotification from "../../../Ui/Notification";
 import { AjaxCallbackSetup } from "../../../Ajax/Data";
+import { showDefaultSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
 
 interface AjaxResponse {
   actionName: string;
@@ -121,11 +121,11 @@ class AcpUiPageBoxOrder {
   _ajaxSuccess(data: AjaxResponse): void {
     switch (data.actionName) {
       case "updatePosition":
-        UiNotification.show();
+        showDefaultSuccessSnackbar();
         break;
 
       case "resetPosition":
-        UiNotification.show(undefined, () => {
+        showDefaultSuccessSnackbar().addEventListener("snackbar:close", () => {
           window.location.reload();
         });
         break;

ts/WoltLabSuite/Core/Acp/Ui/Style/DarkMode.ts

@@ -8,17 +8,17 @@
  * @since 6.0
  */
 
+import { showDefaultSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
 import { prepareRequest } from "../../../Ajax/Backend";
 import { confirmationFactory } from "../../../Component/Confirmation";
 import { getPhrase } from "../../../Language";
-import { show as showNotification } from "../../../Ui/Notification";
 
 async function promptConfirmation(endpoint: string, question: string): Promise<void> {
   const ok = await confirmationFactory().custom(question).message(getPhrase("wcf.dialog.confirmation.cannotBeUndone"));
   if (ok) {
     const response = await prepareRequest(endpoint).post().fetchAsResponse();
     if (response?.ok) {
-      showNotification(undefined, () => {
+      showDefaultSuccessSnackbar().addEventListener("snackbar:close", () => {
         window.location.reload();
       });
     }