From 6dc81f7be61138b4ecb830196a694534c40956d8 Mon Sep 17 00:00:00 2001
From: lana-k <skochetova89@gmail.com>
Date: Fri, 20 Aug 2021 18:06:58 +0200
Subject: [PATCH] copy result set as tsv #50

---
 src/components/svg/clipboard.vue              | 17 +++++++++++++++++
 src/lib/utils/clipboardIo.js                  |  8 ++++++++
 .../Main/Workspace/Tabs/Tab/RunResult.vue     | 19 +++++++++++++++++--
 3 files changed, 42 insertions(+), 2 deletions(-)
 create mode 100644 src/components/svg/clipboard.vue
 create mode 100644 src/lib/utils/clipboardIo.js

diff --git a/src/components/svg/clipboard.vue b/src/components/svg/clipboard.vue
new file mode 100644
index 0000000..d3a5459
--- /dev/null
+++ b/src/components/svg/clipboard.vue
@@ -0,0 +1,17 @@
+<template>
+  <svg
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    fill="none"
+  >
+    <path d="M14.1917 1.3851H12.4806V0.703125C12.4806 0.314758 12.1658 0 11.7775 0H6.246C5.85764 0 5.54288 0.314758 5.54288 0.703125V1.3851H3.83203C2.86276 1.3851 2.07422 2.17365 2.07422 3.14291V16.2422C2.07422 17.2115 2.86276 18 3.83203 18H14.1917C15.161 18 15.9495 17.2115 15.9495 16.2422V3.14291C15.9495 2.17365 15.1609 1.3851 14.1917 1.3851V1.3851ZM11.0744 1.40625V2.77034H6.94899C6.94899 2.30301 6.94899 1.91698 6.94899 1.40625H11.0744ZM14.5433 16.2422C14.5433 16.4361 14.3855 16.5938 14.1917 16.5938H3.83203C3.63812 16.5938 3.48047 16.4361 3.48047 16.2422V3.14291C3.48047 2.94914 3.63812 2.79135 3.83203 2.79135H5.54274V3.47346C5.54274 3.86183 5.85764 4.17659 6.24586 4.17659H11.7775C12.1657 4.17659 12.4806 3.86183 12.4806 3.47346V2.79135H14.1917C14.3855 2.79135 14.5433 2.94914 14.5433 3.14291V16.2422ZM12.2745 8.20967C12.5491 8.48433 12.5491 8.92955 12.2745 9.20407L8.5795 12.899C8.30498 13.1737 7.85976 13.1737 7.5851 12.899L5.74887 11.0628C5.47435 10.7883 5.47435 10.3431 5.74887 10.0684C6.02353 9.7939 6.46861 9.7939 6.74327 10.0684L8.08237 11.4075L11.2801 8.20981C11.5547 7.93515 11.9998 7.93515 12.2745 8.20967V8.20967Z" fill="#A2B1C6"/>
+  </svg>
+</template>
+
+<script>
+
+export default {
+  name: 'ClipboardIcon'
+}
+</script>
diff --git a/src/lib/utils/clipboardIo.js b/src/lib/utils/clipboardIo.js
new file mode 100644
index 0000000..4557b6b
--- /dev/null
+++ b/src/lib/utils/clipboardIo.js
@@ -0,0 +1,8 @@
+import Lib from 'plotly.js/src/lib'
+
+export default {
+  async copyCsv (str) {
+    await navigator.clipboard.writeText(str)
+    Lib.notifier('CSV copied to clipboard successfully', 'long')
+  }
+}
diff --git a/src/views/Main/Workspace/Tabs/Tab/RunResult.vue b/src/views/Main/Workspace/Tabs/Tab/RunResult.vue
index eb2baea..5d9f215 100644
--- a/src/views/Main/Workspace/Tabs/Tab/RunResult.vue
+++ b/src/views/Main/Workspace/Tabs/Tab/RunResult.vue
@@ -33,7 +33,16 @@
         tooltip-position="top-left"
         @click="exportToCsv"
       >
-        <export-to-csv-icon :disabled="!result"/>
+        <export-to-csv-icon/>
+      </icon-button>
+
+      <icon-button
+        :disabled="!result"
+        tooltip="Copy result set to clipboard"
+        tooltip-position="top-left"
+        @click="copyToClipboard"
+      >
+        <clipboard-icon/>
       </icon-button>
     </side-tool-bar>
   </div>
@@ -45,9 +54,11 @@ import SqlTable from '@/components/SqlTable'
 import LoadingIndicator from '@/components/LoadingIndicator'
 import SideToolBar from './SideToolBar'
 import ExportToCsvIcon from '@/components/svg/exportToCsv'
+import ClipboardIcon from '@/components/svg/clipboard'
 import IconButton from '@/components/IconButton'
 import csv from '@/lib/csv'
 import fIo from '@/lib/utils/fileIo'
+import cIo from '@/lib/utils/clipboardIo'
 
 export default {
   name: 'RunResult',
@@ -64,7 +75,8 @@ export default {
     Logs,
     SideToolBar,
     ExportToCsvIcon,
-    IconButton
+    IconButton,
+    ClipboardIcon
   },
   mounted () {
     this.resizeObserver = new ResizeObserver(this.handleResize)
@@ -93,6 +105,9 @@ export default {
     },
     exportToCsv () {
       fIo.exportToFile(csv.serialize(this.result), 'result_set.csv', 'text/csv')
+    },
+    copyToClipboard () {
+      cIo.copyCsv(csv.serialize(this.result))
     }
   }
 }