From 159d5bc3079e521296b6034e64e50091d3621762 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 29 May 2023 09:34:26 +0200
Subject: [PATCH] Add copy button to pairlist config

---
 src/components/ftbot/PairlistConfigurator.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 6efbdd5f..9c37f0c0 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -58,12 +58,18 @@
             size="lg"
             squared
             class="mt-2 evaluate"
-            @click="test"
+            @click="evaluateClick"
             >Evaluate</b-button
           >
         </div>
       </b-col>
       <b-col cols="12" md="3">
+        <i-mdi-content-copy
+          v-if="isSupported"
+          role="button"
+          class="position-absolute end-0 me-3"
+          @click="copy(configJSON)"
+        />
         <pre class="text-start"><code>{{ configJSON }}</code></pre>
       </b-col>
     </b-row>
@@ -76,6 +82,7 @@ import { useBotStore } from '@/stores/ftbotwrapper';
 import PairlistConfigItem from './PairlistConfigItem.vue';
 import { Pairlist, PairlistConfig, PairlistParamType, PairlistPayloadItem } from '@/types';
 import { useSortable, moveArrayElement } from '@vueuse/integrations/useSortable';
+import { useClipboard } from '@vueuse/core';
 
 const emit = defineEmits([
   'update:modelValue',
@@ -178,7 +185,9 @@ async function save() {
   emit('saveConfig', config.value);
 }
 
-async function test() {
+const { copy, isSupported } = useClipboard();
+
+async function evaluateClick() {
   const payload = configToPayload();
 
   evaluating.value = true;