From 3e3ef0fda8de19e80e0fae061afabb8288d1c8ee Mon Sep 17 00:00:00 2001
From: hay-kot <hay-kot@pm.me>
Date: Sat, 1 May 2021 21:30:59 -0800
Subject: [PATCH] Copy markdown reference

---
 .../src/components/Recipe/Parts/Assets.vue    | 23 ++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Recipe/Parts/Assets.vue b/frontend/src/components/Recipe/Parts/Assets.vue
index bb8417805..d57827683 100644
--- a/frontend/src/components/Recipe/Parts/Assets.vue
+++ b/frontend/src/components/Recipe/Parts/Assets.vue
@@ -24,9 +24,14 @@
             >
               <v-icon> mdi-download</v-icon>
             </v-btn>
-            <v-btn v-else color="error" icon @click="deleteAsset(i)" top>
-              <v-icon>mdi-delete</v-icon>
-            </v-btn>
+            <div v-else>
+              <v-btn color="error" icon @click="deleteAsset(i)" top>
+                <v-icon>mdi-delete</v-icon>
+              </v-btn>
+              <v-btn color="primary" icon @click="copyLink(item.name, item.fileName)" top>
+                <v-icon>mdi-content-copy</v-icon>
+              </v-btn>
+            </div>
           </v-list-item-action>
         </v-list-item>
       </v-list>
@@ -107,6 +112,11 @@ export default {
       ],
     };
   },
+  computed: {
+    baseURL() {
+      return window.location.origin;
+    },
+  },
   methods: {
     setFileObject(obj) {
       this.fileObject = obj;
@@ -124,6 +134,13 @@ export default {
     deleteAsset(index) {
       this.value.splice(index, 1);
     },
+    copyLink(name, fileName) {
+      const copyText = `![${name}](${this.baseURL}/api/recipes/${this.slug}/assets/${fileName})`;
+      navigator.clipboard.writeText(copyText).then(
+        () => console.log("Copied", copyText),
+        () => console.log("Copied Failed", copyText)
+      );
+    },
   },
 };
 </script>