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

Fixed edit-only of editableingredientspanel

Browse source
This commit is contained in:
jableader 2024-05-12 17:33:13 +10:00
parent 1903d50e51
commit d42462a54e
2 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/ingredients/EditableIngredientsPanel.vue
View file

@ -1,11 +1,11 @@
<template>
<div>
<div :class="{ editing: editing }">
<button v-if="editing" @click="$emit('on-add')">
<img class="icon" :src="require('@/assets/add-cart.svg')" /> <br />
Add Ingredient
</button>
<button @click="toggleEditing">
<button @click="toggleEditing" v-if="!editOnly">
<span v-if="editing">
<img class="icon" :src="require('@/assets/edit-off.svg')" /> <br />
Done Editing
@ -50,9 +50,6 @@ ul {
li {
list-style: none;
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
}
li > div {
@ -62,6 +59,12 @@ li > div {
width: 100%;
}
.editing li {
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
}
.ingredient-line {
flex: 1;
margin: 0;

2
src/components/shopping/ShoppingPage.vue
View file

@ -6,7 +6,7 @@
<h4>My Requests</h4>
<editable-ingredients-panel @on-add="addIngredient" @on-delete="deleteIngredient" @on-update-ingredient="updateIngredient" :ingredients="mySources" />
<h4>Full shopping list</h4>
<h3>Full shopping list</h3>
<ul class="full-shopping-list">
<li v-for="item in shoppingList" :key="item.id">
<shopping-list-item :product="item.product" :sources="item.sources" />