From 6a938cdcca4558468b62dc7f633cbfe578e3c056 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Wed, 20 Nov 2019 17:49:42 +0000
Subject: [PATCH] Added copy schema button to copy schema string to clipboard

---
 pages/graphql.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/pages/graphql.vue b/pages/graphql.vue
index bd1f6ce0a..ad6736036 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -37,6 +37,13 @@
               useWorker: false
             }"
           />
+          <button
+            class="icon"
+            @click="copySchema"
+            v-tooltip="'Copy Schema'"
+          >
+            <i class="material-icons">file_copy</i>
+          </button>
         </pw-section>
       </div>
       <aside class="sticky-inner inner-right">
@@ -140,6 +147,19 @@ export default {
     };
   },
   methods: {
+
+    copySchema() {
+      const aux = document.createElement("textarea");
+      aux.innerText = this.schemaString;
+      document.body.appendChild(aux);
+      aux.select();
+      document.execCommand("copy");
+      document.body.removeChild(aux);
+      this.$toast.success("Copied to clipboard", {
+        icon: "done"
+      });
+    },
+
     async getSchema() {
       const startTime = Date.now();
       this.schemaString = "Loading...";