github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 22:43:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 15

Fix asset link

Browse source
This commit is contained in:
hay-kot 2021-05-30 11:34:54 -08:00
commit 3000a446b1
2 changed files with 5 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/api/recipe.js
View file

@ -160,7 +160,7 @@ export const recipeAPI = {
},
recipeAssetPath(recipeSlug, assetName) {
return `api/media/recipes/${recipeSlug}/assets/${assetName}`;
return `/api/media/recipes/${recipeSlug}/assets/${assetName}`;
},
/** Create comment in the Database

12
frontend/src/components/Recipe/Parts/Assets.vue
View file

@ -21,9 +21,7 @@
<v-btn color="error" icon @click="deleteAsset(i)" top>
<v-icon>{{ $globals.icons.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>
<TheCopyButton :copy-text="copyLink(item.name, item.fileName)" />
</div>
</v-list-item-action>
</v-list-item>
@ -60,6 +58,7 @@
</template>
<script>
import TheCopyButton from "@/components/UI/Buttons/TheCopyButton";
import TheUploadBtn from "@/components/UI/Buttons/TheUploadBtn";
import BaseDialog from "@/components/UI/Dialogs/BaseDialog";
import { api } from "@/api";
@ -67,6 +66,7 @@ export default {
components: {
BaseDialog,
TheUploadBtn,
TheCopyButton,
},
props: {
slug: String,
@ -132,11 +132,7 @@ export default {
},
copyLink(name, fileName) {
const assetLink = api.recipes.recipeAssetPath(this.slug, fileName);
const copyText = `![${name}](${assetLink})`;
navigator.clipboard.writeText(copyText).then(
() => console.log("Copied", copyText),
() => console.log("Copied Failed", copyText)
);
return `<img src="${window.location.origin}${assetLink}" height="100%" width="100%"> </img>`;
},
},
};