Move the snackbar progress logic into a dedicated class

Closes #6219

Author: dtdesign

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

@@ -11,7 +11,6 @@ import { deleteObject } from "WoltLabSuite/Core/Api/DeleteObject";
 import { postObject } from "WoltLabSuite/Core/Api/PostObject";
 import { ConfirmationType, handleConfirmation } from "../Confirmation";
 import { showProgressSnackbar } from "WoltLabSuite/Core/Component/Snackbar";
-import { getPhrase } from "WoltLabSuite/Core/Language";
 
 async function handleRpcInteraction(
   container: HTMLElement,
@@ -26,13 +25,7 @@ async function handleRpcInteraction(
     return;
   }
 
-  const snackbar = showProgressSnackbar(
-    getPhrase("wcf.global.snackbar.progress", {
-      label,
-      iteration: 0,
-      length: objectIds.length,
-    }),
-  );
+  const snackbar = showProgressSnackbar(label, objectIds.length);
 
   for (let i = 0; i < objectIds.length; i++) {
     if (confirmationType == ConfirmationType.Delete) {
@@ -44,11 +37,7 @@ async function handleRpcInteraction(
       );
     }
 
-    snackbar.message = getPhrase("wcf.global.snackbar.progress", {
-      label,
-      iteration: i + 1,
-      length: objectIds.length,
-    });
+    snackbar.setIteration(i + 1);
 
     const element = container.querySelector(`[data-object-id="${objectIds[i]}"]`);
     if (!element) {

ts/WoltLabSuite/Core/Component/Snackbar.ts

@@ -208,12 +208,46 @@ class SnackbarContainer {
   }
 }
 
+class SnackbarProgress {
+  readonly #snackbar: Snackbar;
+  readonly #label: string;
+  readonly #length: number;
+  #iteration = 0;
+
+  constructor(label: string, length: number) {
+    this.#label = label;
+    this.#length = length;
+
+    this.#snackbar = new Snackbar(this.#getMessage(), SnackbarType.Progress);
+  }
+
+  setIteration(iteration: number): void {
+    this.#iteration = iteration;
+  }
+
+  markAsDone(): void {
+    this.#snackbar.markAsDone();
+  }
+
+  get element(): Snackbar {
+    return this.#snackbar;
+  }
+
+  #getMessage(): string {
+    return getPhrase("wcf.global.snackbar.progress", {
+      label: this.#label,
+      iteration: this.#iteration,
+      length: this.#length,
+    });
+  }
+}
+
 export function showSuccessSnackbar(message: string): Snackbar {
   return new Snackbar(message, SnackbarType.Success);
 }
 
-export function showProgressSnackbar(message: string): Snackbar {
-  return new Snackbar(message, SnackbarType.Progress);
+export function showProgressSnackbar(label: string, length: number): SnackbarProgress {
+  return new SnackbarProgress(label, length);
 }
 
 export function showDefaultSuccessSnackbar(): Snackbar {