From c21bd6075c1203607c05e45b76233d57e3008190 Mon Sep 17 00:00:00 2001
From: Fabio Di Stasio <fabio286@gmail.com>
Date: Mon, 18 Jul 2022 10:38:07 +0200
Subject: [PATCH] feat: context menu to copy queries from console

---
 src/renderer/components/Workspace.vue         |  2 +-
 .../components/WorkspaceQueryConsole.vue      | 25 +++++++++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/Workspace.vue b/src/renderer/components/Workspace.vue
index 5df215d0..7d0a6fa6 100644
--- a/src/renderer/components/Workspace.vue
+++ b/src/renderer/components/Workspace.vue
@@ -583,7 +583,7 @@ watch(queryTabs, (newVal, oldVal) => {
 });
 
 const addQueryTab = () => {
-   newTab({ uid: props.connection.uid, type: 'query' });
+   newTab({ uid: props.connection.uid, type: 'query', schema: workspace.value.breadcrumbs.schema });
 };
 
 const getSelectedTab = () => {
diff --git a/src/renderer/components/WorkspaceQueryConsole.vue b/src/renderer/components/WorkspaceQueryConsole.vue
index a3a27dab..06260905 100644
--- a/src/renderer/components/WorkspaceQueryConsole.vue
+++ b/src/renderer/components/WorkspaceQueryConsole.vue
@@ -22,12 +22,22 @@
                :key="i"
                class="query-console-log"
                tabindex="0"
+               @contextmenu.prevent="contextMenu($event, wLog)"
             >
                <span class="type-datetime">{{ moment(wLog.date).format('YYYY-MM-DD HH:mm:ss') }}</span>: <span class="type-string">{{ wLog.sql }}</span>
             </div>
          </div>
       </div>
    </div>
+   <BaseContextMenu
+      v-if="isContext"
+      :context-event="contextEvent"
+      @close-context="isContext = false"
+   >
+      <div class="context-element" @click="copyQuery">
+         <span class="d-flex"><i class="mdi mdi-18px mdi-content-copy text-light pr-1" /> {{ $t('word.copy') }}</span>
+      </div>
+   </BaseContextMenu>
 </template>
 <script setup lang="ts">
 import { computed, nextTick, onMounted, ref, Ref, watch } from 'vue';
@@ -35,6 +45,7 @@ import { useI18n } from 'vue-i18n';
 import * as moment from 'moment';
 import { useConsoleStore } from '@/stores/console';
 import { storeToRefs } from 'pinia';
+import BaseContextMenu from '@/components/BaseContextMenu.vue';
 
 const { t } = useI18n();
 
@@ -53,6 +64,9 @@ const queryConsoleBody: Ref<HTMLInputElement> = ref(null);
 const resizer: Ref<HTMLInputElement> = ref(null);
 const localHeight = ref(250);
 const isHover = ref(false);
+const isContext = ref(false);
+const contextQuery: Ref<string> = ref(null);
+const contextEvent: Ref<MouseEvent> = ref(null);
 
 const resize = (e: MouseEvent) => {
    const el = queryConsole.value;
@@ -72,6 +86,17 @@ const stopResize = () => {
    window.removeEventListener('mouseup', stopResize);
 };
 
+const contextMenu = (event: MouseEvent, wLog: {date: Date; sql: string}) => {
+   contextEvent.value = event;
+   contextQuery.value = wLog.sql;
+   isContext.value = true;
+};
+
+const copyQuery = () => {
+   navigator.clipboard.writeText(contextQuery.value);
+   isContext.value = false;
+};
+
 watch(workspaceLogs, async () => {
    if (!isHover.value) {
       await nextTick();