Use snackbar notifications in new interactions

Author: BurntimeX

ts/WoltLabSuite/Core/Component/Interaction/Bulk/FormBuilderDialog.ts

@@ -7,8 +7,8 @@
  * @since 6.2
  */
 
-import { show as showNotification } from "WoltLabSuite/Core/Ui/Notification";
 import { dialogFactory } from "WoltLabSuite/Core/Component/Dialog";
+import { showDefaultSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
 
 async function handleFormBuilderDialogAction(
   container: HTMLElement,
@@ -34,8 +34,7 @@ async function handleFormBuilderDialogAction(
     );
   }
 
-  // TODO: This shows a generic success message and should be replaced with a more specific message.
-  showNotification();
+  showDefaultSuccessSnackbar();
 
   container.dispatchEvent(new CustomEvent("interaction:reset-selection"));
 }

ts/WoltLabSuite/Core/Component/Interaction/FormBuilderDialog.ts

@@ -7,8 +7,8 @@
  * @since 6.2
  */
 
-import { show as showNotification } from "WoltLabSuite/Core/Ui/Notification";
 import { dialogFactory } from "WoltLabSuite/Core/Component/Dialog";
+import { showDefaultSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
 
 async function handleFormBuilderDialogAction(element: HTMLElement, endpoint: string): Promise<void> {
   const { ok } = await dialogFactory().usingFormBuilder().fromEndpoint(endpoint);
@@ -23,8 +23,7 @@ async function handleFormBuilderDialogAction(element: HTMLElement, endpoint: str
     }),
   );
 
-  // TODO: This shows a generic success message and should be replaced with a more specific message.
-  showNotification();
+  showDefaultSuccessSnackbar();
 }
 
 export function setup(identifier: string, container: HTMLElement): void {

ts/WoltLabSuite/Core/Component/Interaction/LegacyDboAction.ts

@@ -9,8 +9,9 @@
  */
 
 import { dboAction } from "WoltLabSuite/Core/Ajax";
-import { show as showNotification } from "WoltLabSuite/Core/Ui/Notification";
 import { ConfirmationType, handleConfirmation } from "./Confirmation";
+import { showDefaultSuccessSnackbar, showSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
+import { getPhrase } from "WoltLabSuite/Core/Language";
 
 async function handleDboAction(
   element: HTMLElement,
@@ -31,23 +32,21 @@ async function handleDboAction(
     .dispatch();
 
   if (confirmationType == ConfirmationType.Delete) {
-    // TODO: This shows a generic success message and should be replaced with a more specific message.
-    showNotification(undefined, () => {
-      element.dispatchEvent(
-        new CustomEvent("interaction:remove", {
-          bubbles: true,
-        }),
-      );
-    });
+    element.dispatchEvent(
+      new CustomEvent("interaction:remove", {
+        bubbles: true,
+      }),
+    );
+
+    showSuccessSnackbar(getPhrase("wcf.global.success.delete"));
   } else {
     element.dispatchEvent(
       new CustomEvent("interaction:invalidate", {
         bubbles: true,
       }),
     );
 
-    // TODO: This shows a generic success message and should be replaced with a more specific message.
-    showNotification();
+    showDefaultSuccessSnackbar();
   }
 }
 

ts/WoltLabSuite/Core/Component/Interaction/Rpc.ts

@@ -9,8 +9,9 @@
 
 import { deleteObject } from "WoltLabSuite/Core/Api/DeleteObject";
 import { postObject } from "WoltLabSuite/Core/Api/PostObject";
-import { show as showNotification } from "WoltLabSuite/Core/Ui/Notification";
 import { ConfirmationType, handleConfirmation } from "./Confirmation";
+import { showDefaultSuccessSnackbar, showSuccessSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
+import { getPhrase } from "WoltLabSuite/Core/Language";
 
 async function handleRpcInteraction(
   container: HTMLElement,
@@ -42,14 +43,13 @@ async function handleRpcInteraction(
   }
 
   if (confirmationType === ConfirmationType.Delete) {
-    // TODO: This shows a generic success message and should be replaced with a more specific message.
-    showNotification(undefined, () => {
-      element.dispatchEvent(
-        new CustomEvent("interaction:remove", {
-          bubbles: true,
-        }),
-      );
-    });
+    element.dispatchEvent(
+      new CustomEvent("interaction:remove", {
+        bubbles: true,
+      }),
+    );
+
+    showSuccessSnackbar(getPhrase("wcf.global.success.delete"));
   } else {
     if (invalidatesAllItems) {
       container.dispatchEvent(new CustomEvent("interaction:invalidate-all"));
@@ -61,8 +61,7 @@ async function handleRpcInteraction(
       );
     }
 
-    // TODO: This shows a generic success message and should be replaced with a more specific message.
-    showNotification();
+    showDefaultSuccessSnackbar();
   }
 }
 

wcfsetup/install/files/js/WoltLabSuite/Core/Component/Interaction/Bulk/FormBuilderDialog.js

@@ -109,6 +109,7 @@ public function __invoke(PreloadPhrasesCollecting $event): void
         $event->preload('wcf.global.select');
         $event->preload('wcf.global.success');
         $event->preload('wcf.global.success.add');
+        $event->preload('wcf.global.success.delete');
         $event->preload('wcf.global.success.edit');
 
         $event->preload('wcf.global.rss.accessToken.info');

wcfsetup/install/files/js/WoltLabSuite/Core/Component/Interaction/FormBuilderDialog.js

@@ -3993,6 +3993,7 @@ Dateianhänge:
 		<item name="wcf.global.success"><![CDATA[Die Aktion wurde erfolgreich ausgeführt.]]></item>
 		<item name="wcf.global.success.add"><![CDATA[Der Eintrag wurde gespeichert.]]></item>
 		<item name="wcf.global.success.add.editCreatedObject"><![CDATA[{if LANGUAGE_USE_INFORMAL_VARIANT}Du kannst{else}Sie können{/if} jetzt einen weiteren erstellen oder den <a href="{$objectEditLink}">zuvor erstellten Eintrag bearbeiten</a>.]]></item>
+		<item name="wcf.global.success.delete"><![CDATA[Der Eintrag wurde erfolgreich gelöscht.]]></item>
 		<item name="wcf.global.success.edit"><![CDATA[Die Änderungen wurden gespeichert.]]></item>
 		<item name="wcf.global.language.noSelection"><![CDATA[Keine Auswahl]]></item>
 		<item name="wcf.global.loading"><![CDATA[Lädt …]]></item>