Add restore action

Author: Cyperghost

ts/WoltLabSuite/Core/Component/Inline/Actions/Disable.ts

@@ -7,34 +7,18 @@
  * @since 6.2
  */
 
-import { Action, InlineEditor } from "WoltLabSuite/Core/Component/Inline/Editor";
-import { DropdownBuilderItemData } from "WoltLabSuite/Core/Ui/Dropdown/Builder";
-import { prepareRequest } from "WoltLabSuite/Core/Ajax/Backend";
-import { apiResultFromError, apiResultFromValue, ApiResult } from "WoltLabSuite/Core/Api/Result";
-import { getPhrase } from "WoltLabSuite/Core/Language";
-
-export class Disable implements Action {
-  protected readonly inlineEditor: InlineEditor;
-  protected readonly endpoint: string | URL;
+import { InlineEditor } from "WoltLabSuite/Core/Component/Inline/Editor";
+import { Simple } from "WoltLabSuite/Core/Component/Inline/Actions/Simple";
 
+export class Disable extends Simple {
   constructor(inlineEditor: InlineEditor, endpoint: string | URL) {
-    this.inlineEditor = inlineEditor;
-    this.endpoint = endpoint;
+    super(inlineEditor, "wcf.global.button.disable", endpoint);
   }
 
-  get item(): DropdownBuilderItemData {
-    return {
-      label: getPhrase("wcf.global.button.disable"),
-      callback: async () => {
-        const response = await disable(this.endpoint);
-
-        if (response.ok) {
-          this.inlineEditor.update({
-            isDisabled: true,
-          });
-        }
-      },
-    };
+  responseOk(): void {
+    this.inlineEditor.update({
+      isDisabled: 1,
+    });
   }
 
   isVisible(): boolean {
@@ -45,13 +29,3 @@ export class Disable implements Action {
     );
   }
 }
-
-async function disable(endpoint: string | URL): Promise<ApiResult<[]>> {
-  try {
-    await prepareRequest(endpoint).post().fetchAsJson();
-  } catch (e) {
-    return apiResultFromError(e);
-  }
-
-  return apiResultFromValue([]);
-}

ts/WoltLabSuite/Core/Component/Inline/Actions/Enable.ts

@@ -36,13 +36,13 @@ export class Enable implements Action {
 
           if (response.ok) {
             this.inlineEditor.update({
-              isDisabled: response.result.isDisabled,
+              isDisabled: response.result.isDisabled ? 1 : 0,
             });
           }
         } else {
           if ((await enable(this.endpoint)).ok) {
             this.inlineEditor.update({
-              isDisabled: false,
+              isDisabled: 0,
             });
           }
         }

ts/WoltLabSuite/Core/Component/Inline/Actions/Restore.ts

@@ -0,0 +1,27 @@
+/**
+ * Inline editor action to restore an object.
+ *
+ * @author Olaf Braun
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+
+import { InlineEditor } from "WoltLabSuite/Core/Component/Inline/Editor";
+import { Simple } from "WoltLabSuite/Core/Component/Inline/Actions/Simple";
+
+export class Restore extends Simple {
+  constructor(inlineEditor: InlineEditor, endpoint: string | URL) {
+    super(inlineEditor, "wcf.global.button.restore", endpoint);
+  }
+
+  responseOk(): void {
+    this.inlineEditor.update({
+      isDeleted: 0,
+    });
+  }
+
+  isVisible(): boolean {
+    return this.inlineEditor.getPermissions()["canRestore"] && this.inlineEditor.getState("isDeleted");
+  }
+}

ts/WoltLabSuite/Core/Component/Inline/Actions/Simple.ts

@@ -0,0 +1,50 @@
+/**
+ * Inline editor action to restore an object.
+ *
+ * @author Olaf Braun
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+
+import { Action, InlineEditor } from "WoltLabSuite/Core/Component/Inline/Editor";
+import { DropdownBuilderItemData } from "WoltLabSuite/Core/Ui/Dropdown/Builder";
+import { prepareRequest } from "WoltLabSuite/Core/Ajax/Backend";
+import { apiResultFromError, apiResultFromValue, ApiResult } from "WoltLabSuite/Core/Api/Result";
+import { getPhrase } from "WoltLabSuite/Core/Language";
+
+export abstract class Simple implements Action {
+  protected readonly inlineEditor: InlineEditor;
+  protected readonly endpoint: string | URL;
+  protected readonly label: string;
+
+  protected constructor(inlineEditor: InlineEditor, label: string, endpoint: string | URL) {
+    this.inlineEditor = inlineEditor;
+    this.endpoint = endpoint;
+    this.label = label;
+  }
+
+  get item(): DropdownBuilderItemData {
+    return {
+      label: getPhrase(this.label),
+      callback: async () => {
+        const response = await request(this.endpoint);
+        if (response.ok) {
+          this.responseOk();
+        }
+      },
+    };
+  }
+
+  abstract responseOk(): void;
+}
+
+async function request(endpoint: string | URL): Promise<ApiResult<[]>> {
+  try {
+    await prepareRequest(endpoint).post().fetchAsJson();
+  } catch (e) {
+    return apiResultFromError(e);
+  }
+
+  return apiResultFromValue([]);
+}

ts/WoltLabSuite/Core/Component/Inline/Actions/Trash.ts

@@ -37,7 +37,7 @@ export class Trash implements Action {
         const response = await trash(this.endpoint, result.reason);
         if (response.ok) {
           this.inlineEditor.update({
-            isDeleted: true,
+            isDeleted: 1,
             deleteNote: response.value,
           });
         }

ts/WoltLabSuite/Core/Component/Inline/Editor.ts

@@ -73,7 +73,7 @@ export class InlineEditor {
     showNotification();
 
     Object.entries(data).forEach(([key, value]) => {
-      this.element.dataset[key] = value.toString();
+      this.element.dataset[key] = typeof value === "boolean" ? (value ? "1" : "0") : value.toString();
     });
   }