Laravel Blade Sortable

Laravel Blade Sortable надає користувацькі компоненти блейдів для додавання HTML-елементів, які можна сортувати та перетягувати, у ваші програми Laravel.

Just released "laravel-blade-sortable" 🎉

Add HTML element sorting to your @laravelphp #Blade views powered by @Alpine_JS and #SortableJs 👌

Use the sort order in form submissions or inside @LaravelLivewire components 🔥https://t.co/7NWXpFJp5P

Enjoy! 👍 Feedback welcomed! 🤗 pic.twitter.com/5w2fpQjZII

— Andrés Santibáñez (@asantibanez) February 5, 2021

Цей пакет використовує SortableJS і AlpineJS, щоб увімкнути сортування, і надає два користувальницькі компоненти леза, щоб увімкнути сортування елементів DOM:

<x-laravel-blade-sortable::sortable as="ul">
    <x-laravel-blade-sortable::sortable-item sort-key="jason">
        Jason
    </x-laravel-blade-sortable::sortable-item>
    <x-laravel-blade-sortable::sortable-item sort-key="andres">
        Andres
    </x-laravel-blade-sortable::sortable-item>
    <x-laravel-blade-sortable::sortable-item sort-key="matt">
        Matt
    </x-laravel-blade-sortable::sortable-item>
    <x-laravel-blade-sortable::sortable-item sort-key="james">
        James
    </x-laravel-blade-sortable::sortable-item>
</x-laravel-blade-sortable::sortable>

Без написання власного JavaScript можна досягти приблизно такого:

Цей пакет також підтримує Laravel Livewire разом з іншими розширеними параметрами налаштування. Перегляньте readme, де описано параметри компонентів, а також доступні додаткові функції.