jacob/munch-ease-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Editing ingredients shouldn't kill the product

Browse source
This commit is contained in:
jableader 2024-01-17 23:18:33 +11:00
parent 8f5355844c
commit d070b7dcf7
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/EditRecipePage.vue
View file

@ -136,11 +136,17 @@ export default {
} }
}, },
async updateProduct(ingredient, product_link) { async updateProduct(ingredient, product_link) {
ingredient.product = await data.parseProduct(ingredient, product_link); const product = await data.parseProduct(ingredient, product_link);
this.recipe.ingredients = this.recipe.ingredients.map(i => i.name == ingredient.name ? { ...i, product } : i);
}, },
async updateIngredient(ingredient, line) { async updateIngredient(ingredient, line) {
const newIngredients = await data.parseIngredients([line]); const newIngredients = await data.parseIngredients([line]);
this.recipe.ingredients = this.recipe.ingredients.map(i => i == ingredient ? newIngredients[0] : i); const newIngredient = newIngredients[0];
if (!newIngredient?.product) {
newIngredient.product = ingredient.product;
}
this.recipe.ingredients = this.recipe.ingredients.map(i => i == ingredient ? newIngredient : i);
}, },
deleteIngredient(ingredient) { deleteIngredient(ingredient) {
this.recipe.ingredients = this.recipe.ingredients.filter(i => i != ingredient); this.recipe.ingredients = this.recipe.ingredients.filter(i => i != ingredient);

4
src/components/IngredientLine.vue
View file

@ -29,8 +29,8 @@ export default {
watch: { watch: {
ingredient: { ingredient: {
handler: function (newIngredient) { handler: function (newIngredient) {
this.ingredientText = newIngredient?.line ?? ""; this.ingredientText = newIngredient?.line ?? this.ingredientText;
this.productLink = newIngredient.product?.link ?? ""; this.productLink = newIngredient.product?.link ?? this.productLink;
}, },
deep: true, deep: true,
}, },