Board Kanban
Board kanban con trascinamento per la gestione di progetti e il tracciamento delle attività. Supporta colonne multiple con intestazioni colorate, schede trascinabili con etichette, assegnatari e date di scadenza. Include trascinamento tra colonne, limiti WIP, badge di conteggio schede e colonne comprimibili.
Anteprima e Codice
_kanban_board.html.erb
███
██████ █████ █████████
█████████
████████ █████ ██ ██████ ██████ ████ █████
█████████
█████████████████ ███████ ███ █████ ███ ██████ ████ █ ██████████
████████████ ███████ ██ ██████ ██████ ███████████████ █████████ ██████
██████ ██████████ ███ ███████
kanban_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ██████████ ███████
██████ ██████ █ █ ███████████████ ██████ █
█████████ █
████████████████ █ ████
█
kanban_board_component.html.erb
████ ██████████ █████████████ ███ ███ ████████████████████ ██████████████ ███
██ ████████████ ██ ████████ ██
██ █████████ █ ███████████████ ██ ███████████████ ██
████ ██████████ █████████████████████████ ███
███████████████████ ███████████ ███
████████████████████████████
███ ██████ ██████ ██
████ ██████████ █████████████████████ ████
████ ███████████ ████████████ ███████
kanban_board_component.rb
█ ██████████████████████ ████
█████ ████████████████████ █ ███████████████████
█████████████ █ █
██████ █████████████████████
█████ ████████████████████
██████ █████████████████████
███████ ██████████████████████
████ ███████████████████
███████ █████████████████████
kanban_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ██████████ ███████
██████ ██████ █ █ ███████████████ ██████ █
█████████ █
████████████████ █ ████
█
Registro delle modifiche
- v1.0.0: Initial release
- Cross-column drag and drop via HTML Drag & Drop API
- WIP limit enforcement with visual warning
- Card count badges per column
- Collapsible columns
- Color-coded column headers
- Card labels, assignees, and due dates
- Dispatches kanban:move and kanban:card-click events
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