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

feat: Show recipe tags on mobile view and meal plan (#3864)

Browse Source 
Signed-off-by: Marcus Noble <github@marcusnoble.co.uk>
This commit is contained in:
Marcus Noble 2024-07-10 10:43:33 +01:00 committed by GitHub
parent 1fd2eb37ae
commit 6e680c972a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/components/Domain/Recipe/RecipeCardMobile.vue
View File

@ -36,6 +36,9 @@
<v-list-item-subtitle> <v-list-item-subtitle>
<SafeMarkdown :source="description" /> <SafeMarkdown :source="description" />
</v-list-item-subtitle> </v-list-item-subtitle>
<div class="d-flex flex-wrap justify-start">
<RecipeChips :truncate="true" :items="tags" :title="false" :limit="2" :small="true" url-prefix="tags" />
</div>
<div class="d-flex flex-wrap justify-end align-center"> <div class="d-flex flex-wrap justify-end align-center">
<slot name="actions"> <slot name="actions">
<RecipeFavoriteBadge v-if="isOwnGroup && showRecipeContent" :recipe-id="recipeId" show-always /> <RecipeFavoriteBadge v-if="isOwnGroup && showRecipeContent" :recipe-id="recipeId" show-always />
@ -83,6 +86,7 @@ import RecipeFavoriteBadge from "./RecipeFavoriteBadge.vue";
import RecipeContextMenu from "./RecipeContextMenu.vue"; import RecipeContextMenu from "./RecipeContextMenu.vue";
import RecipeCardImage from "./RecipeCardImage.vue"; import RecipeCardImage from "./RecipeCardImage.vue";
import RecipeRating from "./RecipeRating.vue"; import RecipeRating from "./RecipeRating.vue";
import RecipeChips from "./RecipeChips.vue";
import { useLoggedInState } from "~/composables/use-logged-in-state"; import { useLoggedInState } from "~/composables/use-logged-in-state";
export default defineComponent({ export default defineComponent({
@ -91,6 +95,7 @@ export default defineComponent({
RecipeContextMenu, RecipeContextMenu,
RecipeRating, RecipeRating,
RecipeCardImage, RecipeCardImage,
RecipeChips,
}, },
props: { props: {
name: { name: {
@ -114,6 +119,10 @@ export default defineComponent({
required: false, required: false,
default: "abc123", default: "abc123",
}, },
tags: {
type: Array,
default: () => [],
},
recipeId: { recipeId: {
type: String, type: String,
required: true, required: true,

1
frontend/pages/group/mealplan/planner/view.vue
View File

@ -42,6 +42,7 @@
:slug="mealplan.recipe ? mealplan.recipe.slug : mealplan.title" :slug="mealplan.recipe ? mealplan.recipe.slug : mealplan.title"
:description="mealplan.recipe ? mealplan.recipe.description : mealplan.text" :description="mealplan.recipe ? mealplan.recipe.description : mealplan.text"
:name="mealplan.recipe ? mealplan.recipe.name : mealplan.title" :name="mealplan.recipe ? mealplan.recipe.name : mealplan.title"
:tags="mealplan.recipe ? mealplan.recipe.tags : []"
/> />
</div> </div>
</v-col> </v-col>