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

added better edge case handling to recipe card

Browse Source
This commit is contained in:
vabene1111 2023-06-13 17:33:12 +02:00
parent 4875b158fd
commit b3c6cacdad
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
vue/src/components/LastCooked.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<span class="pl-1" v-if="recipe.last_cooked !== null"> <span class="pl-1" v-if="recipe.last_cooked !== undefined && recipe.last_cooked !== null">
<b-badge pill variant="primary" class="font-weight-normal"><i class="fas fa-utensils"></i> {{ <b-badge pill variant="primary" class="font-weight-normal"><i class="fas fa-utensils"></i> {{
formatDate(recipe.last_cooked) formatDate(recipe.last_cooked)
}}</b-badge> }}</b-badge>

8
vue/src/components/RecipeCard.vue
View File

@ -35,12 +35,12 @@
<div class="card-img-overlay d-flex flex-column justify-content-left float-left text-left pt-2" style="width:40%" <div class="card-img-overlay d-flex flex-column justify-content-left float-left text-left pt-2" style="width:40%"
v-if="recipe.working_time !== 0 || recipe.waiting_time !== 0"> v-if="recipe.working_time !== 0 || recipe.waiting_time !== 0">
<b-badge pill variant="light" class="mt-1 font-weight-normal" v-if="recipe.working_time !== 0"> <b-badge pill variant="light" class="mt-1 font-weight-normal" v-if="recipe.working_time !== 0 && recipe.working_time !== undefined">
<i <i
class="fa fa-clock"></i> {{ working_time }} class="fa fa-clock"></i> {{ working_time }}
</b-badge> </b-badge>
<b-badge pill variant="secondary" class="mt-1 font-weight-normal" <b-badge pill variant="secondary" class="mt-1 font-weight-normal"
v-if="recipe.waiting_time !== 0"> v-if="recipe.waiting_time !== 0 && recipe.waiting_time !== undefined">
<i class="fa fa-pause"></i> {{ waiting_time }} <i class="fa fa-pause"></i> {{ waiting_time }}
</b-badge> </b-badge>
</div> </div>
@ -58,7 +58,7 @@
<div class="justify-content-end"> <div class="justify-content-end">
<recipe-context-menu :recipe="recipe" class="justify-content-end float-right align-items-end pr-0" <recipe-context-menu :recipe="recipe" class="justify-content-end float-right align-items-end pr-0"
:disabled_options="context_disabled_options" :disabled_options="context_disabled_options"
v-if="recipe !== null"></recipe-context-menu> v-if="recipe !== null && show_context_menu"></recipe-context-menu>
</div> </div>
</div> </div>
@ -89,7 +89,7 @@
</div> </div>
</transition> </transition>
<b-badge pill variant="info" v-if="!recipe.internal">{{ $t("External") }}</b-badge> <b-badge pill variant="info" v-if="recipe.internal !== undefined && !recipe.internal">{{ $t("External") }}</b-badge>
</template> </template>
</b-card-text> </b-card-text>