@extends('layouts.app') @section('styles') {{-- Style Here --}} @vite(['resources/scss/light/plugins/drag-and-drop/dragula/example.scss']) @vite(['resources/scss/dark/plugins/drag-and-drop/dragula/example.scss']) @endsection @section('content')
Kelly Young
Andy King
Judy Holmes
Vincent Carpenter
Mary McDonald
Shaun Park
Roxanne
Lisa Doe
Kristen Beck
Alma Clarke
dragula([$('left-defaults'), $('right-defaults')])
.on('drag', function (el) {
console.log(el);
el.className += ' el-drag-ex-1';
}).on('drop', function (el) {
console.log(el);
el.className = el.className.replace('el-drag-ex-1', '');
}).on('cancel', function (el) {
console.log(el);
el.className = el.className.replace('el-drag-ex-1', '');
});
New post is written by Andy.
New project meeting.
Get new project details from Shaun
A post is edited by Mary.
Pick up Lisa Doe from the airport.
New post is written by Andy.
New project meeting.
Get new project details from Shaun
A post is edited by Mary.
Pick up Lisa Doe from the airport.
dragula([document.getElementById("left-events"), document.getElementById("right-events")])
.on('drag', function (el) {
console.log(el);
el.className += ' el-drag-ex-2';
el.className = el.className.replace('ex-moved', '');
})
.on('drop', function (el, target, source, sibling) {
console.log(el);
el.className = el.className.replace('el-drag-ex-2', '');
el.className += ' ex-moved';
})
.on('over', function (el, container) {
container.className += ' ex-over';
})
.on('out', function (el, container) {
container.className = container.className.replace('ex-over', '');
})
.on('cancel', function (el) {
console.log(el);
el.className = el.className.replace('el-drag-ex-2', '');
});
18 min ago
18 min ago
18 min ago
18 min ago
18 min ago
18 min ago
dragula([$('left-rm-spill'), $('right-rm-spill')], { removeOnSpill: true })
.on('drag', function (el) {
console.log(el);
el.className += ' el-drag-ex-3';
}).on('drop', function (el) {
console.log(el);
el.className = el.className.replace('el-drag-ex-3', '');
}).on('cancel', function (el) {
console.log(el);
el.className = el.className.replace('el-drag-ex-3', '');
});