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 @@ > mdi-download - - mdi-delete - +
+ + mdi-delete + + + mdi-content-copy + +
@@ -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) + ); + }, }, };