From b84cb3855cadd73733cfb7fe2abde6a343a0aeb0 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Tim=20D=C3=BCsterhus?= <duesterhus@woltlab.com>
Date: Tue, 23 Feb 2021 12:15:09 +0100
Subject: [PATCH] Add button to run all rebuildData workers

Resolves #3974
---
 .../Core/Acp/Ui/Maintenance/RebuildData.ts    | 55 ++++++++++++++++++
 .../files/acp/templates/rebuildData.tpl       | 56 +++++++------------
 .../Core/Acp/Ui/Maintenance/RebuildData.js    | 53 ++++++++++++++++++
 wcfsetup/install/lang/de.xml                  |  1 +
 wcfsetup/install/lang/en.xml                  |  1 +
 5 files changed, 131 insertions(+), 35 deletions(-)
 create mode 100644 ts/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.ts
 create mode 100644 wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.js

diff --git a/ts/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.ts b/ts/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.ts
new file mode 100644
index 0000000000..4deae5b286
--- /dev/null
+++ b/ts/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.ts
@@ -0,0 +1,55 @@
+import Worker from "../Worker";
+import * as Language from "../../../Language";
+
+const workers = new Map<HTMLElement, number>();
+
+export function register(button: HTMLElement): void {
+  if (!button.dataset.className) {
+    throw new Error(`Missing 'data-class-name' attribute.`);
+  }
+
+  workers.set(button, parseInt(button.dataset.nicevalue!, 10));
+
+  button.addEventListener("click", function (event) {
+    event.preventDefault();
+
+    void runWorker(button);
+  });
+}
+
+export async function runAllWorkers(): Promise<void> {
+  const sorted = Array.from(workers)
+    .sort(([, a], [, b]) => {
+      return a - b;
+    })
+    .map(([el]) => el);
+
+  let i = 1;
+  for (const worker of sorted) {
+    await runWorker(worker, `${worker.textContent!} (${i++} / ${sorted.length})`);
+  }
+}
+
+async function runWorker(button: HTMLElement, dialogTitle: string = button.textContent!): Promise<void> {
+  return new Promise<void>((resolve, reject) => {
+    new Worker({
+      dialogId: "cache",
+      dialogTitle,
+      className: button.dataset.className,
+      callbackAbort() {
+        reject();
+      },
+      callbackSuccess() {
+        let span = button.nextElementSibling;
+        if (span && span.nodeName === "SPAN") {
+          span.remove();
+        }
+
+        span = document.createElement("span");
+        span.innerHTML = `<span class="icon icon16 fa-check green"></span> ${Language.get("wcf.acp.worker.success")}`;
+        button.parentNode!.insertBefore(span, button.nextElementSibling);
+        resolve();
+      },
+    });
+  });
+}
diff --git a/wcfsetup/install/files/acp/templates/rebuildData.tpl b/wcfsetup/install/files/acp/templates/rebuildData.tpl
index 4b7370de11..77b5e67394 100644
--- a/wcfsetup/install/files/acp/templates/rebuildData.tpl
+++ b/wcfsetup/install/files/acp/templates/rebuildData.tpl
@@ -1,34 +1,19 @@
 {include file='header' pageTitle='wcf.acp.rebuildData'}
 
 <script data-relocate="true">
-	require(['Language', 'WoltLabSuite/Core/Acp/Ui/Worker'], function (Language, AcpUiWorker) {
-		Language.add('wcf.acp.worker.abort.confirmMessage', '{jslang}wcf.acp.worker.abort.confirmMessage{/jslang}');
+	require(['Language', 'WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData'], (Language, RebuildData) => {
+		Language.addObject({
+			'wcf.acp.worker.abort.confirmMessage': '{jslang}wcf.acp.worker.abort.confirmMessage{/jslang}',
+			'wcf.acp.worker.success': '{jslang}wcf.acp.worker.success{/jslang}',
+		});
 		
-		elBySelAll('.jsRebuildDataWorker', undefined, function (button) {
-			if (button.classList.contains('disabled')) return;
-			
-			button.addEventListener('click', function (event) {
-				event.preventDefault();
-				
-				new AcpUiWorker({
-					// dialog
-					dialogId: 'cache',
-					dialogTitle: button.textContent,
-					
-					// ajax
-					className: elData(button, 'class-name'),
-					
-					// callbacks
-					callbackAbort: null,
-					callbackSuccess: () => {
-						var span = button.nextElementSibling;
-						if (span && span.nodeName === 'SPAN') elRemove(span);
-							
-						span = elCreate('span');
-						span.innerHTML = ' <span class="icon icon16 fa-check green"></span> {lang}wcf.acp.worker.success{/lang}';
-						button.parentNode.insertBefore(span, button.nextElementSibling);
-					}
-				});
+		document.querySelectorAll('.jsRebuildDataWorker').forEach((button) => {
+			RebuildData.register(button);
+		});
+		document.querySelectorAll('.jsRebuildAll').forEach((button) => {
+			button.addEventListener('click', (ev) => {
+				ev.preventDefault();
+				void RebuildData.runAllWorkers();
 			});
 		});
 	});
@@ -39,13 +24,12 @@
 		<h1 class="contentTitle">{lang}wcf.acp.rebuildData{/lang}</h1>
 	</div>
 	
-	{hascontent}
-		<nav class="contentHeaderNavigation">
-			<ul>
-				{content}{event name='contentHeaderNavigation'}{/content}
-			</ul>
-		</nav>
-	{/hascontent}
+	<nav class="contentHeaderNavigation">
+		<ul>
+			<li><a href="#" class="button jsRebuildAll"><span class="icon icon16 fa-long-arrow-down"></span> <span>{lang}wcf.acp.rebuildData.rebuildAll{/lang}</span></a></li>
+			{event name='contentHeaderNavigation'}
+		</ul>
+	</nav>
 </header>
 
 {event name='afterContentHeader'}
@@ -61,7 +45,9 @@
 			<dd>
 				<a href="#"
 				   class="button small jsRebuildDataWorker"
-				   data-class-name="{$objectType->className}" data-object-type="{$objectType->objectType}"
+				   data-class-name="{$objectType->className}"
+				   data-object-type="{$objectType->objectType}"
+				   data-nicevalue="{if $objectType->nicevalue}{$objectType->nicevalue}{else}0{/if}"
 				>{lang}wcf.acp.rebuildData.{@$objectType->objectType}{/lang}</a>
 				<small>{lang}wcf.acp.rebuildData.{@$objectType->objectType}.description{/lang}</small>
 			</dd>
diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.js
new file mode 100644
index 0000000000..77bb0db505
--- /dev/null
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Maintenance/RebuildData.js
@@ -0,0 +1,53 @@
+define(["require", "exports", "tslib", "../Worker", "../../../Language"], function (require, exports, tslib_1, Worker_1, Language) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.runAllWorkers = exports.register = void 0;
+    Worker_1 = tslib_1.__importDefault(Worker_1);
+    Language = tslib_1.__importStar(Language);
+    const workers = new Map();
+    function register(button) {
+        if (!button.dataset.className) {
+            throw new Error(`Missing 'data-class-name' attribute.`);
+        }
+        workers.set(button, parseInt(button.dataset.nicevalue, 10));
+        button.addEventListener("click", function (event) {
+            event.preventDefault();
+            void runWorker(button);
+        });
+    }
+    exports.register = register;
+    async function runAllWorkers() {
+        const sorted = Array.from(workers)
+            .sort(([, a], [, b]) => {
+            return a - b;
+        })
+            .map(([el]) => el);
+        let i = 1;
+        for (const worker of sorted) {
+            await runWorker(worker, `${worker.textContent} (${i++} / ${sorted.length})`);
+        }
+    }
+    exports.runAllWorkers = runAllWorkers;
+    async function runWorker(button, dialogTitle = button.textContent) {
+        return new Promise((resolve, reject) => {
+            new Worker_1.default({
+                dialogId: "cache",
+                dialogTitle,
+                className: button.dataset.className,
+                callbackAbort() {
+                    reject();
+                },
+                callbackSuccess() {
+                    let span = button.nextElementSibling;
+                    if (span && span.nodeName === "SPAN") {
+                        span.remove();
+                    }
+                    span = document.createElement("span");
+                    span.innerHTML = `<span class="icon icon16 fa-check green"></span> ${Language.get("wcf.acp.worker.success")}`;
+                    button.parentNode.insertBefore(span, button.nextElementSibling);
+                    resolve();
+                },
+            });
+        });
+    }
+});
diff --git a/wcfsetup/install/lang/de.xml b/wcfsetup/install/lang/de.xml
index ec7c8e2c17..29d5e64681 100644
--- a/wcfsetup/install/lang/de.xml
+++ b/wcfsetup/install/lang/de.xml
@@ -2670,6 +2670,7 @@ Kein Abschnitt darf leer sein und alle Abschnitten dürfen nur folgende Zeichen
 		<item name="wcf.acp.rebuildData.com.woltlab.wcf.activityPointItems.description"><![CDATA[Berechnet Anzahl an Aktivitäten neu, für die Benutzer Punkte erhalten; aktualisiert Benutzerränge]]></item>
 		<item name="wcf.acp.rebuildData.com.woltlab.wcf.searchEngineConvertInnoDb.description"><![CDATA[Stellt die Tabellen des Suchindex auf die InnoDB-Engine um.]]></item>
 		<item name="wcf.acp.rebuildData.com.woltlab.wcf.searchEngineConvertInnoDb"><![CDATA[Suchindex auf InnoDB umstellen]]></item>
+		<item name="wcf.acp.rebuildData.rebuildAll"><![CDATA[Alle aktualisieren]]></item>
 	</category>
 	<category name="wcf.acp.rescueMode">
 		<item name="wcf.acp.rescueMode"><![CDATA[Systemwiederherstellung]]></item>
diff --git a/wcfsetup/install/lang/en.xml b/wcfsetup/install/lang/en.xml
index f6bc07eae0..5f5e01a748 100644
--- a/wcfsetup/install/lang/en.xml
+++ b/wcfsetup/install/lang/en.xml
@@ -2598,6 +2598,7 @@ If you have <strong>already bought the licenses for the listed apps</strong>, th
 		<item name="wcf.acp.rebuildData.com.woltlab.wcf.activityPointItems.description"><![CDATA[Recalculates the number of activities for which users get points and rebuilds user ranks.]]></item>
 		<item name="wcf.acp.rebuildData.com.woltlab.wcf.searchEngineConvertInnoDb.description"><![CDATA[Migrates the search engine tables to the InnoDB storage engine.]]></item>
 		<item name="wcf.acp.rebuildData.com.woltlab.wcf.searchEngineConvertInnoDb"><![CDATA[Migrate Search Index to InnoDB]]></item>
+		<item name="wcf.acp.rebuildData.rebuildAll"><![CDATA[Rebuild All]]></item>
 	</category>
 	<category name="wcf.acp.rescueMode">
 		<item name="wcf.acp.rescueMode"><![CDATA[Rescue Mode]]></item>
-- 
2.20.1