mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-08 07:38:26 -05:00
Code Issues Packages Projects Releases Wiki Activity

improved sub recipe rendering

Browse Source
This commit is contained in:
vabene1111
2025-08-16 13:59:25 +02:00
parent 5128fcc9eb
commit 460cb43113
2 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
vue3/src/components/display/StepView.vue
View File

@@ -35,11 +35,11 @@
</v-card-text> </v-card-text>
<template v-if="step.stepRecipe"> <template v-if="step.stepRecipe">
<v-card-text> <v-card class="ma-2 border-md" prepend-icon="$recipes" :title="step.stepRecipeData.name">
<v-card class="mt-1" v-for="(subRecipeStep, subRecipeStepIndex) in step.stepRecipeData.steps" :key="subRecipeStep.id"> <v-card-text class="mt-1" v-for="(subRecipeStep, subRecipeStepIndex) in step.stepRecipeData.steps" :key="subRecipeStep.id">
<step-view v-model="step.stepRecipeData.steps[subRecipeStepIndex]" :step-number="subRecipeStepIndex+1" :ingredientFactor="ingredientFactor"></step-view> <step-view v-model="step.stepRecipeData.steps[subRecipeStepIndex]" :step-number="subRecipeStepIndex+1" :ingredientFactor="ingredientFactor"></step-view>
</v-card>
</v-card-text> </v-card-text>
</v-card>
</template> </template>
<template v-if="step.file"> <template v-if="step.file">
<v-img :src="step.file.preview" v-if="step.file.preview"></v-img> <v-img :src="step.file.preview" v-if="step.file.preview"></v-img>

12
vue3/src/components/display/StepsOverview.vue
View File

@@ -8,6 +8,17 @@
<v-col class="pa-1" cols="12" md="6"> <v-col class="pa-1" cols="12" md="6">
<b v-if="s.showAsHeader">{{ i + 1 }}. {{ s.name }} </b> <b v-if="s.showAsHeader">{{ i + 1 }}. {{ s.name }} </b>
<ingredients-table v-model="s.ingredients" :ingredient-factor="props.ingredientFactor"></ingredients-table> <ingredients-table v-model="s.ingredients" :ingredient-factor="props.ingredientFactor"></ingredients-table>
<template v-if="s.stepRecipe">
<v-card class="ma-2 border-md" prepend-icon="$recipes" :title="s.stepRecipeData.name"
:to="{name: 'RecipeViewPage', params: {id: s.stepRecipeData.id}}" target="_blank">
<v-row v-for="subRecipeStep in s.stepRecipeData.steps">
<v-col>
<ingredients-table v-model="subRecipeStep.ingredients" :ingredient-factor="props.ingredientFactor"></ingredients-table>
</v-col>
</v-row>
</v-card>
</template>
</v-col> </v-col>
</v-row> </v-row>
</v-container> </v-container>
@@ -22,6 +33,7 @@
import {PropType} from 'vue' import {PropType} from 'vue'
import {Step} from "@/openapi"; import {Step} from "@/openapi";
import IngredientsTable from "@/components/display/IngredientsTable.vue"; import IngredientsTable from "@/components/display/IngredientsTable.vue";
import StepView from "@/components/display/StepView.vue";
const props = defineProps({ const props = defineProps({
steps: { steps: {