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

refactored ingredient components

Browse Source
This commit is contained in:
vabene1111
2021-01-13 18:42:59 +01:00
parent 98aadf2869
commit 9f51b9fd16
5 changed files with 40 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
vue/src/components/Ingredient.vue
View File

@ -1,48 +0,0 @@
<template>
<tr>
<td>
<input type="checkbox">
</td>
<td>
<span v-if="ingredient.amount !== 0">{{ calculateAmount(ingredient.amount) }}</span>
</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>
<div v-if="ingredient.note">
<span v-b-popover.hover="ingredient.note"
class="d-print-none"> <i class="far fa-comment"></i>
</span>
<div class="d-none d-print-block">
<i class="far fa-comment-alt"></i> {{ ingredient.note }}
</div>
</div>
</td>
</tr>
</template>
<script>
import {calculateAmount} from "@/utils/utils";
export default {
name: 'Ingredient',
props: {
ingredient: Object,
servings: {
type: Number,
default: 1,
}
},
methods: {
calculateAmount: function (x) {
return calculateAmount(x, this.servings)
}
}
}
</script>