German
Japanese
FrenchLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Need to be approved
Kelly Young
Meeting with client
Andy King
Project Detail
Judy Holmes
Edited Post Apporval
Vincent Carpenter
Project Lead Pickup
Mary McDonald
Need to be approved
Shaun Park
Meeting with client
Roxanne
Project Detail
Lisa Doe
Edited Post Apporval
Kristen Beck
Project Lead Pickup
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', '');
});
Lisa Doe
New post is written by Andy.
Shaun Park
New project meeting.
Andy King
Get new project details from Shaun
Judy Holmes
A post is edited by Mary.
Alma Clarke
Pick up Lisa Doe from the airport.
John Doe
New post is written by Andy.
Linda Nelson
New project meeting.
Angie Young
Get new project details from Shaun
Amy Diaz
A post is edited by Mary.
Lila Perry
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', '');
});
Alma Clarke commented on Irene Collins's Status
Susan Phillips commented on Vincent Carpenter's Status
Linda Nelson commented on James Taylor's Status
Grace Roberts commented on Amy Diaz's Status
Mary Mcdonald commented on Judy Holmes's Status
Oscar Garner commented on Justin Cross's Status
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', '');
});
Irene Collins
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Vincent, Mary and 19 other like this
Dale Butler
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Vincent, Mary and 19 other like this
Iris Hubbard
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Vincent, Mary and 19 other like this
dragula([$('left-rollbacks'), $('right-rollbacks')], { revertOnSpill: true })
.on('drag', function (el) {
console.log(el);
el.className += ' el-drag-ex-4';
}).on('drop', function (el) {
console.log(el);
el.className = el.className.replace('el-drag-ex-4', '');
}).on('cancel', function (el) {
console.log(el);
el.className = el.className.replace('el-drag-ex-4', '');
});
-
5
-
-
-
-
Engineering & Security
+
-
5
-
-
-
-
Front Office
+
-
2
-
-
-
-
Logistics
+
-
5
-
-
-
-
Marketing & Sales
+
-
9
-
-
-
-
Admin
+
-
8
-
-
-
-
HR
+
dragula([$('left-lovehandles'), $('right-lovehandles')], {
moves: function (el, container, handle) {
return el;
return handle.className === 'handle';
}
}).on('drag', function (el) {
console.log(el);
el.className += ' el-drag-ex-5';
}).on('drop', function (el) {
console.log(el);
el.className = el.className.replace('el-drag-ex-5', '');
}).on('cancel', function (el) {
console.log(el);
el.className = el.className.replace('el-drag-ex-5', '');
})