mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-01 04:10:06 -05:00
Code Issues Packages Projects Releases Wiki Activity

allow entry deletion

Browse Source
This commit is contained in:
vabene1111
2020-09-22 12:17:22 +02:00
parent 678cfaca12
commit ad9b10c9c1
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
cookbook/templates/shopping_list.html
View File

@@ -76,6 +76,10 @@
<template v-else> <template v-else>
<div class="row flex-row my-auto" v-for="x in shopping_list.recipes" <div class="row flex-row my-auto" v-for="x in shopping_list.recipes"
style="margin-top: 0.5vh!important;"> style="margin-top: 0.5vh!important;">
<div class="flex-column align-self-start " style="margin-right: 0.4vw">
<button class="btn btn-outline-danger" @click="removeRecipeFromList(x)"><i
class="fa fa-trash"></i></button>
</div>
<div class="flex-grow-1 flex-column my-auto"><a v-bind:href="getRecipeUrl(x.recipe)" <div class="flex-grow-1 flex-column my-auto"><a v-bind:href="getRecipeUrl(x.recipe)"
target="_blank" target="_blank"
rel="nofollow norefferer">[[x.recipe_name]]</a> rel="nofollow norefferer">[[x.recipe_name]]</a>
@@ -94,9 +98,9 @@
+ +
</button> </button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
</div> </div>
@@ -112,6 +116,11 @@
<td>[[x.amount]]</td> <td>[[x.amount]]</td>
<td>[[x.unit.name]]</td> <td>[[x.unit.name]]</td>
<td>[[x.food.name]]</td> <td>[[x.food.name]]</td>
<td>
<button class="btn btn-sm btn-outline-danger" v-if="x.list_recipe === null"
@click="shopping_list.entries = shopping_list.entries.filter(item => item.id !== x.id)">
<i class="fa fa-trash"></i></button>
</td>
</tr> </tr>
</table> </table>
</div> </div>
@@ -429,8 +438,6 @@
}) })
}, },
entryChecked: function (entry) { entryChecked: function (entry) {
this.shopping_list.entries.forEach((item) => { this.shopping_list.entries.forEach((item) => {
if (item.id === entry.id) { //TODO unwrap once same entries are merged if (item.id === entry.id) { //TODO unwrap once same entries are merged
item.checked = entry.checked item.checked = entry.checked
@@ -445,8 +452,6 @@
} }
}) })
}, },
addEntry: function () { addEntry: function () {
if (this.new_entry.food !== undefined) { if (this.new_entry.food !== undefined) {
@@ -490,8 +495,6 @@
return '{% url 'view_recipe' 123456 %}'.replace('123456', id) return '{% url 'view_recipe' 123456 %}'.replace('123456', id)
}, },
addRecipeToList: function (recipe) { addRecipeToList: function (recipe) {
let slr = { let slr = {
"created": true, "created": true,
"id": Math.random() * 1000, "id": Math.random() * 1000,
@@ -516,6 +519,10 @@
} }
} }
}, },
removeRecipeFromList: function (slr) {
this.shopping_list.entries = this.shopping_list.entries.filter(item => item.list_recipe !== slr.id)
this.shopping_list.recipes = this.shopping_list.recipes.filter(item => item !== slr)
},
searchKeywords: function (query) { searchKeywords: function (query) {
this.keywords_loading = true this.keywords_loading = true
this.$http.get("{% url 'api:keyword-list' %}" + '?query=' + query + '&limit=10').then((response) => { this.$http.get("{% url 'api:keyword-list' %}" + '?query=' + query + '&limit=10').then((response) => {