33 lines
1.2 KiB
JavaScript
33 lines
1.2 KiB
JavaScript
/*=========================================================================================
|
|
File Name: ext-component-drag-drop.js
|
|
Description: drag & drop elements using dragula js
|
|
--------------------------------------------------------------------------------------
|
|
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
|
Author: PIXINVENT
|
|
Author URL: http://www.themeforest.net/user/pixinvent
|
|
==========================================================================================*/
|
|
|
|
$(function () {
|
|
'use strict';
|
|
|
|
// Draggable Cards
|
|
dragula([document.getElementById('card-drag-area')]);
|
|
|
|
// Sortable Lists
|
|
dragula([document.getElementById('basic-list-group')]);
|
|
dragula([document.getElementById('multiple-list-group-a'), document.getElementById('multiple-list-group-b')]);
|
|
|
|
// Cloning
|
|
dragula([document.getElementById('badge-list-1'), document.getElementById('badge-list-2')], {
|
|
copy: true
|
|
});
|
|
|
|
// With Handles
|
|
|
|
dragula([document.getElementById('handle-list-1'), document.getElementById('handle-list-2')], {
|
|
moves: function (el, container, handle) {
|
|
return handle.classList.contains('handle');
|
|
}
|
|
});
|
|
});
|