From d2115ab004fbab04be3ede8b442a8bc9842bbca4 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Tue, 26 Nov 2019 16:55:43 -0500
Subject: [PATCH] Added ability to copy GQL response

---
 pages/graphql.vue | 30 +++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/pages/graphql.vue b/pages/graphql.vue
index 7ad3e813c..efa6437fb 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -178,7 +178,19 @@
           ></textarea>
         </pw-section>
         <pw-section class="purple" label="Response" ref="response">
-          <label for="responseField"></label>
+          <div class="flex-wrap">
+            <label for="responseField">Response</label>
+            <div>
+              <button
+                class="icon"
+                @click="copyResponse"
+                ref="copyResponseButton"
+                v-tooltip="'Copy Response'"
+              >
+                <i class="material-icons">file_copy</i>
+              </button>
+            </div>
+          </div>
           <Editor
             :value="responseString"
             :lang="'json'"
@@ -369,6 +381,22 @@ export default {
         1000
       );
     },
+    copyResponse() {
+      this.$refs.copyResponseButton.innerHTML = this.doneButton;
+      const aux = document.createElement("textarea");
+      aux.innerText = this.responseString;
+      document.body.appendChild(aux);
+      aux.select();
+      document.execCommand("copy");
+      document.body.removeChild(aux);
+      this.$toast.success("Copied to clipboard", {
+        icon: "done"
+      });
+      setTimeout(
+        () => (this.$refs.copyResponseButton.innerHTML = this.copyButton),
+        1000
+      );
+    },
     async runQuery() {
       const startTime = Date.now();