recipe view timer

This commit is contained in:
vabene1111
2024-02-28 21:04:43 +01:00
parent b7533457de
commit c0c26a5a20
6 changed files with 95 additions and 48 deletions

View File

@@ -1,16 +1,19 @@
<template>
<tr>
<template v-if="ingredient.isHeader">
<td colspan="4">{{ ingredient.note }}</td>
<td colspan="4"><b>{{ ingredient.note }}</b></td>
</template>
<td>{{ ingredient.amount }}</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-icon class="far fa-comment" v-if="ingredient.note != ''" @click="show_tooltip = !show_tooltip">
<v-tooltip v-model="show_tooltip" activator="parent" location="start">{{ ingredient.note }}</v-tooltip>
</v-icon>
</td>
<template v-else>
<td>{{ ingredient.amount }}</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-icon class="far fa-comment" v-if="ingredient.note != ''" @click="show_tooltip = !show_tooltip">
<v-tooltip v-model="show_tooltip" activator="parent" location="start">{{ ingredient.note }}</v-tooltip>
</v-icon>
</td>
</template>
</tr>
</template>
@@ -26,10 +29,10 @@ export default defineComponent({
required: true
}
},
data(){
return {
show_tooltip: false,
}
data() {
return {
show_tooltip: false,
}
},
})
</script>