search and recipe improvements

This commit is contained in:
vabene1111
2024-12-28 13:05:48 +01:00
parent cde632241b
commit 275c879e62
6 changed files with 28 additions and 20 deletions

View File

@@ -19,6 +19,10 @@
<!-- <p class="text-disabled">{{ props.recipe.createdBy.displayName}}</p>-->
<keywords-component variant="outlined" :keywords="props.recipe.keywords" :max-keywords="3">
<template #prepend>
<v-chip class="mb-1 me-1" size="x-small" label variant="outlined" color="info"
v-if="!props.recipe.internal">
{{ $t('External') }}
</v-chip>
<v-chip class="mb-1 me-1" size="x-small" prepend-icon="far fa-clock" label variant="outlined"
v-if="props.recipe.workingTime != undefined && props.recipe.workingTime > 0">
{{ recipe.workingTime! + recipe.waitingTime! }}

View File

@@ -24,7 +24,7 @@
<v-card>
<v-sheet class="d-flex align-center">
<span class="ps-2 text-h5 flex-grow-1" :class="{'text-truncate': !showFullRecipeName}" @click="showFullRecipeName = !showFullRecipeName">
<span class="ps-2 text-h5 flex-grow-1 pa-1" :class="{'text-truncate': !showFullRecipeName}" @click="showFullRecipeName = !showFullRecipeName">
{{ props.recipe.name }}
</span>
<recipe-context-menu :recipe="recipe"></recipe-context-menu>
@@ -37,11 +37,11 @@
<v-row class="text-center text-body-2">
<v-col class="pt-1 pb-1">
<i class="fas fa-cogs fa-fw mr-1"></i> {{ props.recipe.workingTime }} min<br/>
<div class="text-grey">Working Time</div>
<div class="text-grey">{{$t('WorkingTime')}}</div>
</v-col>
<v-col class="pt-1 pb-1">
<div><i class="fas fa-hourglass-half fa-fw mr-1"></i> {{ props.recipe.waitingTime }} min</div>
<div class="text-grey">Waiting Time</div>
<div class="text-grey">{{$t('WaitingTime')}}</div>
</v-col>
<v-col class="pt-1 pb-1">