shopping list basic sorting

This commit is contained in:
vabene1111 2020-09-29 18:18:43 +02:00
parent 697de3d9fc
commit 25b051323c

View File

@ -109,23 +109,36 @@
</div> </div>
</div> </div>
<div class="row" style="margin-top: 8px">
<div class="col col-12">
<table class="table table-sm table-striped"> <table class="table table-sm table-striped">
<tr v-for="x in display_entries" :key="x.id"> <thead>
<td>[[x.amount]]</td> <tr>
<td>[[x.unit.name]]</td> <th>#</th>
<td>[[x.food.name]]</td> <th>1</th>
<th>2</th>
<th>3</th>
<th></th>
</tr>
</thead>
<tbody is="draggable" group="people" :list="display_entries" tag="tbody" :empty-insert-threshold="10"
handle=".handle" @sort="sortEntries()">
<tr v-for="(element, index) in display_entries" :key="element.id">
<td class="handle"><i class="fas fa-sort"></i></td>
<td>[[element.amount]]</td>
<td>[[element.unit.name]]</td>
<td>[[element.food.name]]</td>
<td> <td>
<button class="btn btn-sm btn-outline-danger" v-if="x.list_recipe === null" <button class="btn btn-sm btn-outline-danger" v-if="element.list_recipe === null"
@click="shopping_list.entries = shopping_list.entries.filter(item => item.id !== x.id)"> @click="shopping_list.entries = shopping_list.entries.filter(item => item.id !== element.id)">
<i class="fa fa-trash"></i></button> <i class="fa fa-trash"></i></button>
</td> </td>
</tr> </tr>
</tbody>
</table> </table>
</div>
</div>
<div class="row"> <div class="row">
<div class="col col-md-3"> <div class="col col-md-3">
@ -187,8 +200,10 @@
<div class="col" style="text-align: right; margin-top: 1vh"> <div class="col" style="text-align: right; margin-top: 1vh">
<div class="form-group form-check form-group-lg"> <div class="form-group form-check form-group-lg">
<input class="form-check-input" style="zoom:1.3;" type="checkbox" v-model="shopping_list.finished" id="id_finished"> <input class="form-check-input" style="zoom:1.3;" type="checkbox"
<label class="form-check-label" style="zoom:1.3;" for="id_finished"> {% trans 'Finished' %}</label> v-model="shopping_list.finished" id="id_finished">
<label class="form-check-label" style="zoom:1.3;"
for="id_finished"> {% trans 'Finished' %}</label>
</div> </div>
</div> </div>
@ -282,7 +297,7 @@
data: { data: {
shopping_list_id: {% if shopping_list_id %}{{ shopping_list_id }}{% else %}null{% endif %}, shopping_list_id: {% if shopping_list_id %}{{ shopping_list_id }}{% else %}null{% endif %},
loading: true, loading: true,
edit_mode: false, edit_mode: true,
export_text_prefix: '', //TODO add userpreference export_text_prefix: '', //TODO add userpreference
recipe_query: '', recipe_query: '',
recipes: [], recipes: [],
@ -296,6 +311,12 @@
foods_loading: false, foods_loading: false,
units: [], units: [],
units_loading: false, units_loading: false,
list: [
{id: 1, name: "Abby", sport: "basket"},
{id: 2, name: "Brooke", sport: "foot"},
{id: 3, name: "Courtenay", sport: "volley"},
{id: 4, name: "David", sport: "rugby"}
],
}, },
directives: { directives: {
tabindex: { tabindex: {
@ -491,6 +512,12 @@
}) })
}, },
sortEntries: function () {
this.display_entries.forEach( (item, index) => {
})
console.log("IMPLEMENT ME", this.display_entries)
},
entryChecked: function (entry) { entryChecked: function (entry) {
console.log("checked entry: ", entry) console.log("checked entry: ", entry)
this.shopping_list.entries.forEach((item) => { this.shopping_list.entries.forEach((item) => {