Projects: board cards are not draggable #127

New issue

Closed

opened 2026-04-22 08:56:54 +00:00 by zaelgohary · 0 comments

zaelgohary commented

2026-04-22 08:56:54 +00:00

Member

The Projects island Board view renders three status columns (Todo / In Progress / Done) and drops each project card into its status column, but the cards are not draggable: project_card.rs has no draggable attribute or ondragstart, and BoardColumn has no ondragover / ondrop handlers.

Users cannot change a project's status from the board — they have to open the project, click Edit, pick the status in the form, and save, which defeats the purpose of having a board view.

Wire HTML5 drag-and-drop:

ProjectCard exposes draggable and stores the project SID in the drag dataTransfer
BoardColumn handles ondragover (prevent default) and ondrop (read SID, emit a status-change event with the column's status)
BoardView raises the event to the island, which saves the updated project through ProjectService::save and refreshes the local list so the card moves to its new column

The Projects island Board view renders three status columns (Todo / In Progress / Done) and drops each project card into its status column, but the cards are not draggable: `project_card.rs` has no `draggable` attribute or `ondragstart`, and `BoardColumn` has no `ondragover` / `ondrop` handlers. Users cannot change a project's status from the board — they have to open the project, click Edit, pick the status in the form, and save, which defeats the purpose of having a board view. Wire HTML5 drag-and-drop: - `ProjectCard` exposes `draggable` and stores the project SID in the drag `dataTransfer` - `BoardColumn` handles `ondragover` (prevent default) and `ondrop` (read SID, emit a status-change event with the column's status) - `BoardView` raises the event to the island, which saves the updated project through `ProjectService::save` and refreshes the local list so the card moves to its new column