• flag
    flag  German flag  Japanese flag  French flag  English
  • KY
    Kara Young

    ACCOUNT UPDATE

    avatar
    Daisy Anderson

    ACCOUNT UPDATE

    OG
    Oscar Garner

    ACCOUNT UPDATE

  • Server Rebooted

    45 min ago

    Licence Expiring Soon

    8 hrs ago

    Kelly Portfolio.pdf

    670 kb

  • avatar
    Shaun Park

    Project Leader

    Profile
    Inbox
    Lock Screen
    Log Out
  • logo
  • CORK
  • Dashboard
    • Analytics
    • Sales
  • APPLICATIONS
  • Chat
  • Mailbox
  • Todo List
  • Notes
  • Scrumboard
  • Contacts
  • Invoice
    • List
    • Preview
    • Add
    • Edit
  • Calendar
  • USER INTERFACE
  • Components
    • Tabs
    • Accordions
    • Modals
    • Cards
    • Carousel
    • Block UI
    • Countdown
    • Counter
    • Sweet Alerts
    • Timeline
    • Notifications
    • Session Timeout
    • Media Object
    • List Group
    • Pricing Tables
    • Lightbox
  • Elements
    • Alerts
    • Avatar
    • Badges
    • Breadcrumbs
    • Buttons
    • Button Groups
    • Color Library
    • Dropdown
    • Infobox
    • Jumbotron
    • Loader
    • Pagination
    • Popovers
    • Progress Bar
    • Search
    • Tooltips
    • Treeview
    • Typography
  • Font Icons
  • Widgets
  • TABLES AND FORMS
  • Tables
  • DataTables
    • Basic
    • Striped Table
    • Order Sorting
    • Multi-Column
    • Multiple Tables
    • Alt. Pagination
    • Custom
    • Range Search
    • HTML5 Export
    • Live DOM ordering
    • Miscellaneous
  • Forms
    • Basic
    • Input Group
    • Layouts
    • Validation
    • Input Mask
    • Bootstrap Select
    • Select2
    • TouchSpin
    • Maxlength
    • Checkbox & Radio
    • Switches
    • Wizards
    • File Upload
    • Quill Editor
    • Markdown Editor
    • Date & Range Picker
    • Clipboard
    • Typeahead
  • USER AND PAGES
  • Users
    • Profile
    • Account Settings
  • Pages
    • Helpdesk
    • Contact Form
    • FAQ
    • FAQ 2
    • Privacy Policy
    • Coming Soon
    • Error
      • 404
      • 500
      • 503
      • Maintanence
  • EXTRA ELEMENTS
  • Authentication
    • Login Boxed
    • Register Boxed
    • Unlock Boxed
    • Recover ID Boxed
    • Login Cover
    • Register Cover
    • Unlock Cover
    • Recover ID Cover
  • Drag and Drop
  • Maps
  • Charts
  • Starter Kit
    • Blank Page
    • Breadcrumb
    • Boxed
    • Alternate Menu
  • Documentation

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