Lista ordinabile
Lista riordinabile con trascinamento e board kanban utilizzando l'API nativa HTML Drag and Drop con Stimulus. Nessuna dipendenza esterna richiesta. Supporta maniglie di trascinamento, indicatori visivi di rilascio e trascinamento tra liste per colonne kanban.
Lista
Lista verticale riordinabile con maniglie di trascinamento e animazione di scorrimento.
_sortable_list.html.erb
███
████████ ████ █████████ █ ████ █████ █████████
██████
███ ██████ ███████████████████████████ ██████ █
█ ███ ████ ██████ ██████ ██████ ████████████ █████████ ████████████ ██
█ ███ ████ ██████ ███████ █████ ██
█ ███ ████ ██████ ██████ ██████ ████████████ ████████ ████████████ █
█ ██
sortable_list_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ ███████████
██████ ██████ █ █
██████ ███████
███████ █ █████ ████████ ████████ █████ █
█
█████████ █
sortable_list_list_component.html.erb
████
██████████ █████████████████ ███
███████████████████████████████
████████████████████████████████████ ██████ ███
██ ██ █████ █████████████████████████████████████ █████ █████ ███ ██
█
██ █████████████████████ ██ ██████ ██████ ██
████
███████████ ████████████ █████ ████ ████ ████████ █████████████████ █████████████████ █████████████
████████████████
sortable_list_list_component.rb
█ ██████████████████████ ████
█████ █████████████████████████ █ ███████████████████
████████████ ███████ ███████████████
███ ██████████████████ █████ ██████ ████ ████████████████
███████ █ ██████
██████ █ █████
██████████████ █ █████████████████████ ██ ██
███
sortable_list_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ ███████████
██████ ██████ █ █
██████ ███████
███████ █ █████ ████████ ████████ █████ █
█
█████████ █
Kanban
Board multi-colonna con trascinamento tra e dentro le colonne.
_sortable_list.html.erb
███
████████ ████ █████████ █ ██████ █████ █████████
██████
███ ██████ ██████████████████████████████████ ████████ █
█
███ ███████
██████ ███ ████
██████ █
█ ███ ████ ██████ ███████ █████████ ████████████ ███████ ███████ ███████████ ██
sortable_list_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ ███████████
██████ ██████ █ █
██████ ███████
███████ █ █████ ████████ ████████ █████ █
█
█████████ █
sortable_list_kanban_component.rb
█ ██████████████████████ ████
█████ ███████████████████████████ █ ███████████████████
███ ███████████████████ ███ ███████████████ ████ ████████████████
████████ █ ███████
███████████████ █ ██████████████
██████████████ █ █████████████████████ ██ ██
███
███ █████████████
sortable_list_kanban_component.html.erb
████
██████████ █████████████ ███
███████████████████████████████
███████████████████████████████████████
█
██ ████████████ ██ ████████ ██
████
████████████████████ ████ ███████████ ████████████████████ ██████████ ██████ ████████████████ ██████████████████████
███████████
███████████████████ ███████████ ███
sortable_list_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████ ███████████
██████ ██████ █ █
██████ ███████
███████ █ █████ ████████ ████████ █████ █
█
█████████ █
Registro delle modifiche
- v1.0.0: Initial release with list and kanban styles
Ottieni l'Accesso Completo
Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.
Ottieni l'Accesso Ora