From 9cbd6ea7b7b3f1f516601b17e4afd8f3e26d3f12 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Tue, 26 Nov 2019 16:48:13 -0500
Subject: [PATCH] Added ability to copy GQL query

---
 pages/graphql.vue | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/pages/graphql.vue b/pages/graphql.vue
index a74be59ab..7ad3e813c 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -155,12 +155,20 @@
             <label for="gqlQuery">Query</label>
             <div>
               <button
-                  class="icon"
-                  @click="runQuery()"
-                  v-tooltip.bottom="'Run Query'"
+                class="icon"
+                @click="runQuery()"
+                v-tooltip.bottom="'Run Query'"
               >
                 <i class="material-icons">play_arrow</i>
               </button>
+              <button
+                class="icon"
+                @click="copyQuery"
+                ref="copyQueryButton"
+                v-tooltip="'Copy Query'"
+              >
+                <i class="material-icons">file_copy</i>
+              </button>
             </div>
           </div>
           <textarea
@@ -345,6 +353,22 @@ export default {
         1000
       );
     },
+    copyQuery() {
+      this.$refs.copyQueryButton.innerHTML = this.doneButton;
+      const aux = document.createElement("textarea");
+      aux.innerText = this.gqlQueryString;
+      document.body.appendChild(aux);
+      aux.select();
+      document.execCommand("copy");
+      document.body.removeChild(aux);
+      this.$toast.success("Copied to clipboard", {
+        icon: "done"
+      });
+      setTimeout(
+        () => (this.$refs.copyQueryButton.innerHTML = this.copyButton),
+        1000
+      );
+    },
     async runQuery() {
       const startTime = Date.now();