From 993fb426eeb5caf1977573d9e12b6058baad33c5 Mon Sep 17 00:00:00 2001
From: Philipp Wolfer <ph.wolfer@gmail.com>
Date: Sat, 21 Jan 2023 17:40:50 +0100
Subject: [PATCH] Support boolean config fields in plugins

Part-of: <https://dev.funkwhale.audio/funkwhale/funkwhale/-/merge_requests/2334>
---
 .../changelog.d/plugins-boolean-field.enhancement   |  1 +
 front/src/components/auth/Plugin.vue                | 13 +++++++++++++
 front/src/types.ts                                  |  4 ++--
 3 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 changes/changelog.d/plugins-boolean-field.enhancement

diff --git a/changes/changelog.d/plugins-boolean-field.enhancement b/changes/changelog.d/plugins-boolean-field.enhancement
new file mode 100644
index 000000000..c12def20c
--- /dev/null
+++ b/changes/changelog.d/plugins-boolean-field.enhancement
@@ -0,0 +1 @@
+Support boolean config fields in plugins
diff --git a/front/src/components/auth/Plugin.vue b/front/src/components/auth/Plugin.vue
index bce020461..4a369d1a9 100644
--- a/front/src/components/auth/Plugin.vue
+++ b/front/src/components/auth/Plugin.vue
@@ -188,6 +188,19 @@ const submitAndScan = async () => {
             :html="useMarkdownRaw(field.help)"
           />
         </div>
+        <div
+          v-if="field.type === 'boolean'"
+          class="field"
+        >
+          <div class="ui toggle checkbox">
+            <input
+              :id="`plugin-${field.name}`"
+              v-model="values[field.name]"
+              type="checkbox"
+            >
+            <label :for="`plugin-${field.name}`">{{ field.label || field.name }}</label>
+          </div>
+        </div>
       </template>
     </template>
     <button
diff --git a/front/src/types.ts b/front/src/types.ts
index 64df678f0..668536ccc 100644
--- a/front/src/types.ts
+++ b/front/src/types.ts
@@ -390,11 +390,11 @@ export interface Plugin {
   enabled: boolean
   description?: string
   source?: string
-  values?: Record<string, string>
+  values?: Record<string, any>
   conf?: {
     name: string
     label: string
-    type: 'text' | 'long_text' | 'url' | 'password'
+    type: 'text' | 'long_text' | 'url' | 'password' | 'boolean'
     help?: string
   }[]
 }