Cutlery/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-06-03 13:44:55 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix image display - closes #1189 (#1348)

Browse Source
This commit is contained in:
Hayden 2022-06-05 11:44:00 -08:00 committed by GitHub
parent 7eb80d18d2
commit eca8a96509
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/composables/api/static-routes.ts
View File

@ -11,15 +11,15 @@ export const useStaticRoutes = () => {
// Methods to Generate reference urls for assets/images * // Methods to Generate reference urls for assets/images *
function recipeImage(recipeId: string, version = "", key = 1) { function recipeImage(recipeId: string, version = "", key = 1) {
return `${fullBase}/media/recipes/${recipeId}/images/original.webp?&rnd=${key}&version=${version}`; return `${fullBase}/media/recipes/${recipeId}/images/original.webp?rnd=${key}&version=${version}`;
} }
function recipeSmallImage(recipeId: string, version = "", key = 1) { function recipeSmallImage(recipeId: string, version = "", key = 1) {
return `${fullBase}/media/recipes/${recipeId}/images/min-original.webp?&rnd=${key}&version=${version}`; return `${fullBase}/media/recipes/${recipeId}/images/min-original.webp?rnd=${key}&version=${version}`;
} }
function recipeTinyImage(recipeId: string, version = "", key = 1) { function recipeTinyImage(recipeId: string, version = "", key = 1) {
return `${fullBase}/media/recipes/${recipeId}/images/tiny-original.webp?&rnd=${key}&version=${version}`; return `${fullBase}/media/recipes/${recipeId}/images/tiny-original.webp?rnd=${key}&version=${version}`;
} }
function recipeAssetPath(recipeId: string, assetName: string) { function recipeAssetPath(recipeId: string, assetName: string) {

6
frontend/pages/shared/recipes/_id.vue
View File

@ -34,7 +34,7 @@
:key="imageKey" :key="imageKey"
:max-width="enableLandscape ? null : '50%'" :max-width="enableLandscape ? null : '50%'"
:height="hideImage ? '50' : imageHeight" :height="hideImage ? '50' : imageHeight"
:src="recipeImage(recipe.slug, imageKey)" :src="recipeImage(recipe.id, imageKey)"
class="d-print-none" class="d-print-none"
@error="hideImage = true" @error="hideImage = true"
> >
@ -197,6 +197,9 @@
:disable-amount="recipe.settings.disableAmount" :disable-amount="recipe.settings.disableAmount"
:edit="form" :edit="form"
public public
:assets="recipe.assets"
:recipe-id="recipe.id"
:recipe-slug="recipe.slug"
/> />
<!-- TODO: Somehow fix duplicate code for mobile/desktop --> <!-- TODO: Somehow fix duplicate code for mobile/desktop -->
@ -323,7 +326,6 @@ export default defineComponent({
const { data } = await api.recipes.getShared(id); const { data } = await api.recipes.getShared(id);
if (data) { if (data) {
if (data && data !== undefined) { if (data && data !== undefined) {
console.log("Computed Meta. RefKey=");
const imageURL = data.id ? recipeImage(data.id) : undefined; const imageURL = data.id ? recipeImage(data.id) : undefined;
title.value = data.name; title.value = data.name;