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

feat: Insert instruction step above or below. #3731 (#3732)

Browse Source
This commit is contained in:
Jonathan Beaulieu
2024-06-18 06:45:12 -07:00
committed by GitHub
parent 82d930e645
commit 20b1b3de35
4 changed files with 44 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -170,12 +170,22 @@
text: $tc('recipe.move-to-bottom'),
event: 'move-to-bottom',
},
{
text: $tc('recipe.insert-above'),
event: 'insert-above'
},
{
text: $tc('recipe.insert-below'),
event: 'insert-below'
},
],
},
]"
@merge-above="mergeAbove(index - 1, index)"
@move-to-top="moveTo('top', index)"
@move-to-bottom="moveTo('bottom', index)"
@insert-above="insert(index)"
@insert-below="insert(index+1)"
@toggle-section="toggleShowTitle(step.id)"
@link-ingredients="openDialog(index, step.text, step.ingredientReferences)"
@preview-step="togglePreviewState(index)"
@@ -550,6 +560,10 @@ export default defineComponent({
}
}
function insert(dest: number) {
props.value.splice(dest, 0, { id: uuid4(), text: "", title: "", ingredientReferences: [] });
}
const previewStates = ref<boolean[]>([]);
function togglePreviewState(index: number) {
@@ -681,6 +695,7 @@ export default defineComponent({
showCookMode,
isCookMode,
isEditForm,
insert,
};
},
});