Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-10-31 02:03:35 -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
2 changed files with 7 additions and 5 deletions
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;