You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
135 lines
3.4 KiB
135 lines
3.4 KiB
/* ------------------------------------------------------------------------------ |
|
* |
|
* #Dragula - drag and drop library |
|
* |
|
* Specific JS code additions for extension_dnd.html page |
|
* |
|
* Version: 1.0 |
|
* Latest update: Aug 1, 2015 |
|
* |
|
* ---------------------------------------------------------------------------- */ |
|
|
|
$(function() { |
|
|
|
|
|
// Dragula |
|
// ------------------------------ |
|
|
|
// Draggable panels |
|
dragula([document.getElementById('panels-target-left'), document.getElementById('panels-target-right')]); |
|
|
|
|
|
// Draggable forms |
|
dragula([document.getElementById('forms-target-left'), document.getElementById('forms-target-right')]); |
|
|
|
|
|
// Draggable media lists |
|
dragula([document.getElementById('media-list-target-left'), document.getElementById('media-list-target-right')], { |
|
mirrorContainer: document.querySelector('.media-list-container'), |
|
moves: function (el, container, handle) { |
|
return handle.classList.contains('dragula-handle'); |
|
} |
|
}); |
|
|
|
|
|
// |
|
// Dropdown menu items |
|
// |
|
|
|
// Define containers |
|
var containers = $('.dropdown-menu-sortable').toArray(); |
|
|
|
// Init dragula |
|
dragula(containers, { |
|
mirrorContainer: document.querySelector('.dropdown-menu-sortable') |
|
}); |
|
|
|
|
|
// |
|
// Draggable tabs |
|
// |
|
|
|
// Basic tabs |
|
dragula([document.getElementById('tabs-target-left')], { |
|
mirrorContainer: document.querySelector('#tabs-target-left') |
|
}); |
|
|
|
// Basic justified |
|
dragula([document.getElementById('tabs-target-right')], { |
|
mirrorContainer: document.querySelector('#tabs-target-right') |
|
}); |
|
|
|
// Colored tabs |
|
dragula([document.getElementById('tabs-solid-target-left')], { |
|
mirrorContainer: document.querySelector('#tabs-solid-target-left') |
|
}); |
|
|
|
// Colored justified |
|
dragula([document.getElementById('tabs-solid-target-right')], { |
|
mirrorContainer: document.querySelector('#tabs-solid-target-right') |
|
}); |
|
|
|
|
|
// |
|
// Draggable pills |
|
// |
|
|
|
// Basic pills |
|
dragula([document.getElementById('pills-target-left')], { |
|
mirrorContainer: document.querySelector('#pills-target-left') |
|
}); |
|
|
|
// Basic justified |
|
dragula([document.getElementById('pills-target-right')], { |
|
mirrorContainer: document.querySelector('#pills-target-right') |
|
}); |
|
|
|
// Toolbar pills |
|
dragula([document.getElementById('pills-toolbar-target-left')], { |
|
mirrorContainer: document.querySelector('#pills-toolbar-target-left') |
|
}); |
|
|
|
// Toolbar justified |
|
dragula([document.getElementById('pills-toolbar-target-right')], { |
|
mirrorContainer: document.querySelector('#pills-toolbar-target-right') |
|
}); |
|
|
|
|
|
// |
|
// Accordion and collapsible |
|
// |
|
|
|
// Accordion |
|
dragula([document.getElementById('accordion-target')], { |
|
mirrorContainer: document.getElementById('accordion-target') |
|
}); |
|
|
|
// Collapsible |
|
dragula([document.getElementById('collapsible-target')], { |
|
mirrorContainer: document.getElementById('collapsible-target') |
|
}); |
|
|
|
|
|
|
|
// Select2 select |
|
// ------------------------------ |
|
|
|
// Basic |
|
$('.select').select2(); |
|
|
|
|
|
|
|
// Styled form components |
|
// ------------------------------ |
|
|
|
// Checkboxes, radios |
|
$(".styled").uniform({ |
|
radioClass: 'choice' |
|
}); |
|
|
|
// File input |
|
$(".file-styled").uniform({ |
|
fileButtonClass: 'action btn bg-warning-400' |
|
}); |
|
|
|
});
|
|
|