diff --git a/resources/views/kanban-scripts.blade.php b/resources/views/kanban-scripts.blade.php index 85a1786..f345cef 100644 --- a/resources/views/kanban-scripts.blade.php +++ b/resources/views/kanban-scripts.blade.php @@ -29,18 +29,28 @@ function onUpdate(e) { } document.addEventListener('livewire:navigated', () => { - const statuses = @js($statuses->map(fn ($status) => $status['id'])) - - statuses.forEach(status => Sortable.create(document.querySelector(`[data-status-id='${status}']`), { - group: 'filament-kanban', - ghostClass: 'opacity-50', - animation: 150, - - onStart, - onEnd, - onUpdate, - setData, - onAdd, - })) - }) + const statuses = @js($statuses->map(fn ($status) => $status['id'])); + + statuses.forEach(status => { + const element = document.querySelector(`[data-status-id='${status}']`); + const sortableInstance = Sortable.create(element, { + group: 'filament-kanban', + ghostClass: 'opacity-50', + animation: 150, + onStart(event) { + sortableInstance.option('disabled', true); + setTimeout(() => { + sortableInstance.option('disabled', false); + }, 1000); + if (typeof onStart === 'function') { + onStart(event); + } + }, + onEnd, + onUpdate, + setData, + onAdd, + }); + }); + });