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

some working drag and drop stuff

Browse Source
This commit is contained in:
vabene1111
2020-06-03 00:03:54 +02:00
parent 8ffc6a0236
commit 201c493658
1 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
cookbook/templates/meal_plan.html
View File

@@ -62,7 +62,7 @@
<div class="row"> <div class="row">
<div class="col-3"> <div class="col-3">
<h3>Draggable 1</h3> <h3>Draggable 1</h3>
<draggable class="list-group" :list="plan_entries" group="people" @change="log"> <draggable class="list-group" :list="plan_entries" group="plan_entries" @change="log" @end="test">
<div <div
class="list-group-item" class="list-group-item"
v-for="(element, index) in plan_entries" v-for="(element, index) in plan_entries"
@@ -75,7 +75,7 @@
<div class="col-3"> <div class="col-3">
<h3>Draggable 2</h3> <h3>Draggable 2</h3>
<draggable class="list-group" :list="meal_types" group="people" @change="log"> <draggable class="list-group" :list="meal_types" group="plan_entries" @change="log">
<div <div
class="list-group-item" class="list-group-item"
v-for="(element, index) in meal_types" v-for="(element, index) in meal_types"
@@ -88,10 +88,10 @@
<div class="col-3"> <div class="col-3">
<h3>Draggable 2</h3> <h3>Draggable 2</h3>
<draggable class="list-group" :list="list3" group="people" @change="log"> <draggable class="list-group" :list="list.breakfast.d2" group="plan_entries" @change="log">
<div <div
class="list-group-item" class="list-group-item"
v-for="(element, index) in list3" v-for="(element, index) in list.breakfast.d2"
:key="element.name" :key="element.name"
> >
[[element]] [[element]]
@@ -102,7 +102,6 @@
</div> </div>
</div> </div>
@@ -118,7 +117,15 @@
plan_entries: [], plan_entries: [],
meal_types: [], meal_types: [],
list3: [], list3: [],
meal_plan: null, meal_plan: [
{
name:"Breakfast",
id:1,
items: [
]
}
],
}, },
mounted: function () { mounted: function () {
this.getPlanEntries(); this.getPlanEntries();
@@ -154,6 +161,10 @@
}, },
log: function (evt) { log: function (evt) {
console.log(evt) console.log(evt)
},
test: function (evt, originalEvent) {
console.log(evt)
console.log(originalEvent)
} }
} }
}); });