Drag Sorting
Sorting between groups
11:19 · By Caleb Porzio
Livewire Screencasts
Level up. Big Time.
Instant access to over 8 hours of content
Explore tons of source code and use it in your own apps
Support our lovely project
Yearly
Access all screencasts and source code by subscribing on a yearly basis.
$69
yearly
Lifetime
Pay once, and get access to all future screencasting content. Forever.
$149
Already a GitHub sponsor?
Email us for a discount ↗
Alpine's Sort plugin (thanks to SortableJS) makes it trivial to sort items between different groups on the same page (like Trello does). Let's walk through what's involved on both the front-end and backend to accomplish this.
- Building a modal 10:39
- Extracting a Blade component 13:07
- Confirmation dialogs 14:21
- Forms inside modals 12:23
- Extracting a nested Livewire component 12:35
- Creating row components 7:26
- Adding an edit modal 9:35
- Adding a dropdown menu 10:26
- Teleporting modals 7:37
- Styling for mobile devices 6:56
- Adding "swipe to close" 17:44
- Teaser 3:45
- Getting started 6:30
- Building a static table 12:24
- Page authorization 1:55
- Pagination 8:01
- Loading indicators 6:34
- Text searching 7:17
- Column sorting 19:22
- Row dropdown actions 11:37
- Exporting to CSV 9:39
- Bulk actions 10:10
- Select-all checkboxes 11:23
- Indeterminate checkbox states 10:27
- Lazy loading 5:27
- Refactoring to traits 8:00
- Extracting a nested component 3:34
- Chart scaffolding 9:05
- Charting real data 10:42
- Making the chart reactive 11:35
- Product filtering 18:46
- Tracking products in the URL 4:47
- Date range filtering 12:05
- Charting different date ranges 3:53
- Custom date range 26:07
- Order status filtering 12:20
- Using radio groups for filtering 9:04
- Designing for mobile 6:16
- Teaser 1:05
- Building a Todo List 6:33
- Storing positions in the database 7:56
- Using Alpine's Sort Plugin 7:54
- Sorting items in the database 13:51
- Handling removals 3:03
- Adding drag handles 6:35
- Extracting a Blade Component 6:26
- Extracting an Eloquent Trait 15:04
- Re-arranging Items 6:11
- Sorting between groups 11:19