mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-11 00:58:32 -05:00
Code Packages Releases Activity

allow ingredient delete during import

Browse Source
This commit is contained in:
vabene1111
2025-01-13 17:24:07 +01:00
parent 2f991b5557
commit 1822a62e14
1 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
vue3/src/pages/RecipeImportPage.vue
View File

@@ -103,8 +103,8 @@
<v-row v-for="(s,i) in importResponse.recipe.steps" :key="i"> <v-row v-for="(s,i) in importResponse.recipe.steps" :key="i">
<v-col cols="12"> <v-col cols="12">
<v-chip color="primary">#{{ i + 1 }}</v-chip> <v-chip color="primary">#{{ i + 1 }}</v-chip>
<v-btn variant="plain" size="small" class="float-right"> <v-btn variant="plain" size="small" icon class="float-right">
<v-icon icon="$settings"></v-icon> <v-icon icon="$menu"></v-icon>
<v-menu activator="parent"> <v-menu activator="parent">
<v-list> <v-list>
<v-list-item prepend-icon="$delete" @click="deleteStep(s)">{{ $t('Delete') }}</v-list-item> <v-list-item prepend-icon="$delete" @click="deleteStep(s)">{{ $t('Delete') }}</v-list-item>
@@ -120,8 +120,14 @@
<v-icon size="small" class="drag-handle cursor-grab" icon="$dragHandle"></v-icon> <v-icon size="small" class="drag-handle cursor-grab" icon="$dragHandle"></v-icon>
{{ i.amount }} <span v-if="i.unit">{{ i.unit.name }}</span> <span v-if="i.food">{{ i.food.name }}</span> {{ i.amount }} <span v-if="i.unit">{{ i.unit.name }}</span> <span v-if="i.food">{{ i.food.name }}</span>
<template #append> <template #append>
<v-btn size="small" color="edit" @click="editingIngredient = i; dialog=true"> <v-btn variant="plain" size="small" icon class="float-right">
<v-icon icon="$edit"></v-icon> <v-icon icon="$menu"></v-icon>
<v-menu activator="parent">
<v-list>
<v-list-item prepend-icon="$edit" @click="editingIngredient = i; dialog=true">{{ $t('Edit') }}</v-list-item>
<v-list-item prepend-icon="$delete" @click="deleteIngredient(s,i)">{{ $t('Delete') }}</v-list-item>
</v-list>
</v-menu>
</v-btn> </v-btn>
</template> </template>
</v-list-item> </v-list-item>
@@ -359,6 +365,15 @@ function mergeStep(step: SourceImportStep) {
} }
/**
* deletes the given ingredient from the given step
* @param step step to delete ingredient from
* @param ingredient ingredient to delete
*/
function deleteIngredient(step: SourceImportStep, ingredient: SourceImportIngredient) {
step.ingredients = step.ingredients.filter(i => i != ingredient)
}
/** /**
* automatically assign ingredients to steps based on text matching * automatically assign ingredients to steps based on text matching
*/ */