Dragula

avatar
Need to be approved

Kelly Young

avatar
Meeting with client

Andy King

avatar
Project Detail

Judy Holmes

avatar
Edited Post Apporval

Vincent Carpenter

avatar
Project Lead Pickup

Mary McDonald

avatar
Need to be approved

Shaun Park

avatar
Meeting with client

Roxanne

avatar
Project Detail

Lisa Doe

avatar
Edited Post Apporval

Kristen Beck

avatar
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', '');
});

Icon Change

avatar
Lisa Doe

New post is written by Andy.

avatar
Shaun Park

New project meeting.

avatar
Andy King

Get new project details from Shaun

avatar
Judy Holmes

A post is edited by Mary.

avatar
Alma Clarke

Pick up Lisa Doe from the airport.

avatar
John Doe

New post is written by Andy.

avatar
Linda Nelson

New project meeting.

avatar
Angie Young

Get new project details from Shaun

avatar
Amy Diaz

A post is edited by Mary.

avatar
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', '');
});

Delete User

avatar
Alma Clarke commented on Irene Collins's Status

18 min ago

avatar
Susan Phillips commented on Vincent Carpenter's Status

18 min ago

avatar
Linda Nelson commented on James Taylor's Status

18 min ago

avatar
Grace Roberts commented on Amy Diaz's Status

18 min ago

avatar
Mary Mcdonald commented on Judy Holmes's Status

18 min ago

avatar
Oscar Garner commented on Justin Cross's Status

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', '');
});

News Feeds

avatar
Linda Nelson

11 hours ago

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.

  • avatar
  • avatar
  • avatar
  • avatar
Vincent, Mary and 19 other like this
avatar
Irene Collins

11 hours ago

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.

  • avatar
  • avatar
  • avatar
  • avatar
Vincent, Mary and 19 other like this
avatar
Dale Butler

11 hours ago

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.

  • avatar
  • avatar
  • avatar
  • avatar
Vincent, Mary and 19 other like this
avatar
Iris Hubbard

11 hours ago

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.

  • avatar
  • avatar
  • avatar
  • avatar
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', '');
});

Drag Handler

  • 5
  • avatar
  • avatar
  • avatar
  • avatar
Engineering & Security
+
  • 5
  • avatar
  • avatar
  • avatar
  • avatar
Front Office
+
  • 2
  • avatar
  • avatar
  • avatar
  • avatar
Logistics
+
  • 5
  • avatar
  • avatar
  • avatar
  • avatar
Marketing & Sales
+
  • 9
  • avatar
  • avatar
  • avatar
  • avatar
Admin
+
  • 8
  • avatar
  • avatar
  • avatar
  • avatar
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', '');
})