mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-11 00:58:32 -05:00
Code Packages Releases Activity

ingredient checkboxes and table style

Browse Source
This commit is contained in:
vabene1111
2024-12-31 16:44:10 +01:00
parent 846a4796e2
commit 55ee75fed1
4 changed files with 36 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
vue3/src/components/display/IngredientsTableRow.vue
View File

@@ -4,10 +4,12 @@
<td colspan="4"><b>{{ ingredient.note }}</b></td>
</template>
<template v-else>
<td><v-checkbox-btn v-model="ingredient.checked" color="success"></v-checkbox-btn></td>
<td>{{ ingredient.amount * props.ingredientFactor }}</td>
<td><span v-if="ingredient.unit != null">{{ ingredient.unit.name }}</span></td>
<td><span v-if="ingredient.food != null">{{ ingredient.food.name }}</span></td>
<td>
<v-checkbox-btn v-model="ingredient.checked" color="success"></v-checkbox-btn>
</td>
<td @click="ingredient.checked = !ingredient.checked">{{ ingredient.amount * props.ingredientFactor }}</td>
<td @click="ingredient.checked = !ingredient.checked"><span v-if="ingredient.unit != null">{{ ingredient.unit.name }}</span></td>
<td @click="ingredient.checked = !ingredient.checked"><span v-if="ingredient.food != null">{{ ingredient.food.name }}</span></td>
<td v-if="props.showNotes">
<v-icon class="far fa-comment float-right" v-if="ingredient.note != '' && ingredient.note != undefined" @click="showTooltip = !showTooltip">
<v-tooltip v-model="showTooltip" activator="parent" location="start">{{ ingredient.note }}</v-tooltip>