Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-10-27 08:14:30 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add summary to recipe instructions (#4410)

Browse Source 
Co-authored-by: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
This commit is contained in:
boc-the-git
2024-10-23 20:27:47 +11:00
committed by GitHub
parent 99fec90288
commit 3dd61f7742
5 changed files with 59 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue
View File

@@ -121,9 +121,22 @@
@click="toggleDisabled(index)"
>
<v-card-title :class="{ 'pb-0': !isChecked(index) }">
<span :class="isEditForm ? 'handle' : ''">
<v-icon v-if="isEditForm" size="26" class="pb-1">{{ $globals.icons.arrowUpDown }}</v-icon>
{{ $t("recipe.step-index", { step: index + 1 }) }}
<v-text-field
v-if="isEditForm"
v-model="step.summary"
class="headline handle"
hide-details
dense
solo
flat
:placeholder="$t('recipe.step-index', { step: index + 1 })"
>
<template #prepend>
<v-icon size="26">{{ $globals.icons.arrowUpDown }}</v-icon>
</template>
</v-text-field>
<span v-else>
{{ step.summary ? step.summary : $t("recipe.step-index", { step: index + 1 }) }}
</span>
<template v-if="isEditForm">
<div class="ml-auto">
@@ -339,7 +352,7 @@ export default defineComponent({
// ===============================================================
// UI State Helpers
function validateTitle(title: string | undefined) {
function hasSectionTitle(title: string | undefined) {
return !(title === null || title === "" || title === undefined);
}
@@ -348,7 +361,7 @@ export default defineComponent({
v.forEach((element: RecipeStep) => {
if (element.id !== undefined) {
showTitleEditor.value[element.id] = validateTitle(element.title);
showTitleEditor.value[element.id] = hasSectionTitle(element.title);
}
});
});
@@ -359,7 +372,7 @@ export default defineComponent({
onMounted(() => {
props.value.forEach((element: RecipeStep) => {
if (element.id !== undefined) {
showTitleEditor.value[element.id] = validateTitle(element.title);
showTitleEditor.value[element.id] = hasSectionTitle(element.title);
}
// showCookMode.value = false;
@@ -576,7 +589,7 @@ export default defineComponent({
const sectionSteps: number[] = [];
for (let i = index; i < props.value.length; i++) {
if (!(i === index) && validateTitle(props.value[i].title)) {
if (!(i === index) && hasSectionTitle(props.value[i].title)) {
break;
} else {
sectionSteps.push(i);

2
frontend/components/Domain/Recipe/RecipePrintView.vue
View File

@@ -66,7 +66,7 @@
<h4 v-if="step.title" :key="`instruction-title-${stepIndex}`" class="instruction-title mb-2">
{{ step.title }}
</h4>
<h5>{{ $t("recipe.step-index", { step: stepIndex + instructionSection.stepOffset + 1 }) }}</h5>
<h5>{{ step.summary ? step.summary : $t("recipe.step-index", { step: stepIndex + instructionSection.stepOffset + 1 }) }}</h5>
<SafeMarkdown :source="step.text" class="recipe-step-body" />
</div>
</div>