### Dragula

#### Default

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

#### Icon Change

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

#### Delete User

##### Alma Clarke commented on Irene Collins's Status

18 min ago

##### Susan Phillips commented on Vincent Carpenter's Status

18 min ago

##### Linda Nelson commented on James Taylor's Status

18 min ago

##### Grace Roberts commented on Amy Diaz's Status

18 min ago

##### Mary Mcdonald commented on Judy Holmes's Status

18 min ago

##### 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

##### 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.

Vincent, Mary and 19 other like this

##### 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.

Vincent, Mary and 19 other like this

##### 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.

Vincent, Mary and 19 other like this

##### 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.

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

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