paste and copy pgns

Disservin · Apr 22, 2023 · 83d4d4d · 83d4d4d
1 parent 789f678
commit 83d4d4d
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 7 deletions.
diff --git a/src/components/AppBtn.vue b/src/components/AppBtn.vue
@@ -2,7 +2,7 @@
   <div>
     <v-btn class="btn" color="primary" v-bind="$attrs">
       <font-awesome-icon icon="fa-solid fa-clipboard" />
-      <span>Copy PGN</span>
+      <span>{{ text }}</span>
     </v-btn>
   </div>
 </template>
@@ -12,7 +12,12 @@ import { defineComponent } from "vue";
 
 export default defineComponent({
   name: "AppBtn",
-  props: {},
+  props: {
+    text: {
+      type: String,
+      required: true,
+    },
+  },
   inheritAttrs: false,
 });
 </script>

diff --git a/src/components/AppCopyBtn.vue b/src/components/AppCopyBtn.vue
@@ -1,5 +1,5 @@
 <template>
-  <AppBtn @click="copyToClipBoard(text)" />
+  <AppBtn @click="copyToClipBoard(copy)" :text="'copy pgn'" />
 </template>
 
 <script lang="ts">
@@ -13,14 +13,14 @@ export default defineComponent({
     AppBtn,
   },
   props: {
-    text: {
+    copy: {
       type: String,
       required: true,
     },
   },
   methods: {
-    copyToClipBoard(text: string) {
-      navigator.clipboard.writeText(text);
+    copyToClipBoard(copy: string) {
+      navigator.clipboard.writeText(copy);
     },
   },
 });

diff --git a/src/views/Analysis.vue b/src/views/Analysis.vue
@@ -2,6 +2,7 @@
 import { defineComponent } from "vue";
 
 import Sidebar from "@/components/AppSideBar.vue";
+import AppBtn from "@/components/AppBtn.vue";
 import AppCopyBtn from "@/components/AppCopyBtn.vue";
 import EngineStats from "@/components/Analysis/EngineStats.vue";
 import EngineButtons from "@/components/Analysis/EngineButtons.vue";
@@ -30,6 +31,7 @@ export default defineComponent({
     Pgn: Pgn,
     ChessGroundBoard: ChessGroundBoard,
     AppCopyBtn: AppCopyBtn,
+    AppBtn: AppBtn,
   },
   data() {
     return {
@@ -178,6 +180,11 @@ export default defineComponent({
     this.sendEngineCommand("quit");
   },
   methods: {
+    parsePgnFromClipboard() {
+      navigator.clipboard.readText().then((text) => {
+        this.parsePgn(text);
+      });
+    },
     evalFunction(x: number) {
       return (5 - Math.pow(2, -(Math.abs(x) - 2.319281))) * (x < 0 ? -1 : 1);
     },
@@ -500,7 +507,12 @@ export default defineComponent({
               :status="isRunning"
               :key="isRunning.toString()"
             />
-            <AppCopyBtn :text="currentPgn" v-if="activeTab == 'prompt'" />
+            <AppBtn
+              :text="'paste pgn'"
+              v-if="activeTab == 'prompt'"
+              @click="parsePgnFromClipboard"
+            />
+            <AppCopyBtn :copy="currentPgn" v-if="activeTab == 'prompt'" />
           </div>
           <div class="nav-secondary-content">
             <Pgn