UI changes

graphql/documents/mutations/plugins.graphql

@@ -9,3 +9,7 @@ mutation RunPluginTask(
 ) {
   runPluginTask(plugin_id: $plugin_id, task_name: $task_name, args: $args)
 }
+
+mutation SetPluginsEnabled($enabledMap: BoolMap!) {
+  setPluginsEnabled(enabledMap: $enabledMap)
+}

graphql/documents/queries/plugins.graphql

@@ -2,6 +2,7 @@ query Plugins {
   plugins {
     id
     name
+    enabled
     description
     url
     version
@@ -26,6 +27,7 @@ query PluginTasks {
     plugin {
       id
       name
+      enabled
     }
   }
 }

ui/v2.5/src/components/Settings/SettingsPluginsPanel.tsx

@@ -2,7 +2,11 @@ import React, { useMemo } from "react";
 import { Button } from "react-bootstrap";
 import { FormattedMessage, useIntl } from "react-intl";
 import * as GQL from "src/core/generated-graphql";
-import { mutateReloadPlugins, usePlugins } from "src/core/StashService";
+import {
+  mutateReloadPlugins,
+  mutateSetPluginsEnabled,
+  usePlugins,
+} from "src/core/StashService";
 import { useToast } from "src/hooks/Toast";
 import TextUtils from "src/utils/text";
 import { CollapseButton } from "../Shared/CollapseButton";
@@ -16,7 +20,11 @@ export const SettingsPluginsPanel: React.FC = () => {
   const Toast = useToast();
   const intl = useIntl();
 
-  const { data, loading } = usePlugins();
+  const [changedPluginID, setChangedPluginID] = React.useState<
+    string | undefined
+  >();
+
+  const { data, loading, refetch } = usePlugins();
 
   async function onReloadPlugins() {
     await mutateReloadPlugins().catch((e) => Toast.error(e));
@@ -40,6 +48,39 @@ export const SettingsPluginsPanel: React.FC = () => {
       }
     }
 
+    function renderEnableButton(pluginID: string, enabled: boolean) {
+      async function onClick() {
+        await mutateSetPluginsEnabled({ [pluginID]: !enabled }).catch((e) =>
+          Toast.error(e)
+        );
+
+        setChangedPluginID(pluginID);
+        refetch();
+      }
+
+      return (
+        <Button size="sm" onClick={onClick}>
+          <FormattedMessage
+            id={enabled ? "actions.disable" : "actions.enable"}
+          />
+        </Button>
+      );
+    }
+
+    function onReloadUI() {
+      window.location.reload();
+    }
+
+    function maybeRenderReloadUI(pluginID: string) {
+      if (pluginID === changedPluginID) {
+        return (
+          <Button size="sm" onClick={() => onReloadUI()}>
+            Reload UI
+          </Button>
+        );
+      }
+    }
+
     function renderPlugins() {
       const elements = (data?.plugins ?? []).map((plugin) => (
         <SettingGroup
@@ -48,9 +89,16 @@ export const SettingsPluginsPanel: React.FC = () => {
             heading: `${plugin.name} ${
               plugin.version ? `(${plugin.version})` : undefined
             }`,
+            className: !plugin.enabled ? "disabled" : undefined,
             subHeading: plugin.description,
           }}
-          topLevel={renderLink(plugin.url ?? undefined)}
+          topLevel={
+            <>
+              {renderLink(plugin.url ?? undefined)}
+              {maybeRenderReloadUI(plugin.id)}
+              {renderEnableButton(plugin.id, plugin.enabled)}
+            </>
+          }
         >
           {renderPluginHooks(plugin.hooks ?? undefined)}
         </SettingGroup>
@@ -98,7 +146,7 @@ export const SettingsPluginsPanel: React.FC = () => {
     }
 
     return renderPlugins();
-  }, [data?.plugins, intl]);
+  }, [data?.plugins, intl, Toast, changedPluginID, refetch]);
 
   if (loading) return <LoadingIndicator />;
 

ui/v2.5/src/components/Settings/Tasks/PluginTasks.tsx

@@ -22,7 +22,7 @@ export const PluginTasks: React.FC = () => {
     }
 
     const taskPlugins = plugins.data.plugins.filter(
-      (p) => p.tasks && p.tasks.length > 0
+      (p) => p.enabled && p.tasks && p.tasks.length > 0
     );
 
     return (

ui/v2.5/src/core/StashService.ts

@@ -2091,6 +2091,14 @@ export const mutateMigrate = (input: GQL.MigrateInput) =>
     },
   });
 
+type BoolMap = { [key: string]: boolean };
+
+export const mutateSetPluginsEnabled = (enabledMap: BoolMap) =>
+  client.mutate<GQL.SetPluginsEnabledMutation>({
+    mutation: GQL.SetPluginsEnabledDocument,
+    variables: { enabledMap },
+  });
+
 /// Tasks
 
 export const mutateMetadataScan = (input: GQL.ScanMetadataInput) =>

ui/v2.5/src/locales/en-GB.json

@@ -34,12 +34,14 @@
     "delete_file_and_funscript": "Delete file (and funscript)",
     "delete_generated_supporting_files": "Delete generated supporting files",
     "delete_stashid": "Delete StashID",
+    "disable": "Disable",
     "disallow": "Disallow",
     "download": "Download",
     "download_anonymised": "Download anonymised",
     "download_backup": "Download Backup",
     "edit": "Edit",
     "edit_entity": "Edit {entityType}",
+    "enable": "Enable",
     "encoding_image": "Encoding image",
     "export": "Export",
     "export_all": "Export all…",