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