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

steps

Browse Source
This commit is contained in:
vabene1111
2024-02-24 12:44:33 +01:00
parent f58d9e49d8
commit e689cef201
4 changed files with 66 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,13 +1,20 @@
<template>
<v-container>
<v-expansion-panels>
<v-expansion-panel title="Steps Overview">
<v-expansion-panel-text>
<v-container>
<v-row v-for="(s, i) in steps">
<v-col class="pa-1">
<b v-if="s.showAsHeader">{{ i + 1 }}. {{ s.name }} </b>
<IngredientsTable :ingredients="s.ingredients"></IngredientsTable>
</v-col>
</v-row>
</v-container>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
<v-row v-for="(s, i) in steps" >
<v-col class="pa-1">
<b v-if="s.showAsHeader">{{i}}. {{ s.name }} </b>
<IngredientsTable :ingredients="s.ingredients"></IngredientsTable>
</v-col>
</v-row>
</v-container>
</template>
<script lang="ts">
@@ -21,7 +28,7 @@ export default defineComponent({
components: {IngredientsTable, IngredientsTableRow},
props: {
steps: {
type: [] as PropType<Array<Step>>,
type: Array as PropType<Array<Step>>,
default: [],
},
}