cgiacofei/TandoorRecipes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #1068 from rose-a/fix-recipe-step-template

Browse Source 
Render separate ingredients flex row for each step
This commit is contained in:
vabene1111
2021-11-30 17:23:47 +01:00
committed by GitHub
parent adc65baf9c 4626af3505
commit 5d6574b8cc
1 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
vue/src/apps/RecipeView/RecipeView.vue
View File

@ -88,23 +88,21 @@
</div>
</div>
<br/>
<div class="row">
<div class="col-md-12">
<table class="table table-sm">
<!-- eslint-disable vue/no-v-for-template-key-on-child -->
<template v-for="s in recipe.steps" >
<template v-if="s.show_as_header && s.name !== '' && s.ingredients.length > 0">
<b v-bind:key="s.id">{{s.name}}</b>
</template>
<template v-for="i in s.ingredients">
<ingredient-component :ingredient="i" :ingredient_factor="ingredient_factor" :key="i.id"
@checked-state-changed="updateIngredientCheckedState"></ingredient-component>
</template>
<template v-for="s in recipe.steps" >
<div class="row" v-bind:key="s.id">
<div class="col-md-12">
<template v-if="s.show_as_header && s.name !== '' && s.ingredients.length > 0">
<b v-bind:key="s.id">{{s.name}}</b>
</template>
<!-- eslint-enable vue/no-v-for-template-key-on-child -->
</table>
<table class="table table-sm">
<template v-for="i in s.ingredients">
<ingredient-component :ingredient="i" :ingredient_factor="ingredient_factor" :key="i.id"
@checked-state-changed="updateIngredientCheckedState"></ingredient-component>
</template>
</table>
</div>
</div>
</div>
</template>
</div>
</div>
</div>