Skip to content

feat(kanban): add per-column add button with inline input#504

Merged
fccview merged 3 commits into
fccview:developfrom
reniko:feature/kanban-add-button-per-column
May 12, 2026
Merged

feat(kanban): add per-column add button with inline input#504
fccview merged 3 commits into
fccview:developfrom
reniko:feature/kanban-add-button-per-column

Conversation

@reniko
Copy link
Copy Markdown
Contributor

@reniko reniko commented May 12, 2026

Summary

  • Adds a small "+" button to each Kanban column header that creates a new item
    directly in that column's status, removing the need for manual drag-and-drop

  • The button is hidden for autoComplete columns (semantically no new items
    belong there) and when the user lacks edit permission

  • Clicking "+" reveals a minimal inline text input at the top of the column;
    Enter saves, Esc or blur-without-text cancels

  • Extends handleAddItem in useKanban.ts with an optional status parameter
    forwarded to the server action (which already supported it)

  • Adds i18n keys kanban.addItemToColumn and kanban.addItemPlaceholder to
    all 13 locale files (only en and de verified, rest claude genereated translations)

    Executed tests

  • Open a Kanban board, verify "+" appears in every non-autoComplete column header

  • Click "+", type a name, press Enter — item appears in the correct column

  • Click "+", press Esc — input disappears without creating an item

  • Click "+", leave input blank, click away — input closes, nothing created

  • Verify "+" does NOT appear on the autoComplete (Completed) column

  • Test in multiple locales (de, en) that tooltip text is translated

Open tests

  • Verify "+" does NOT appear for a read-only/shared viewer (sharing did somehow not work in my dev setup)

🤖 Generated with Claude Code

nikolai-andree and others added 3 commits May 12, 2026 08:32
Adds an optional `status` argument to `handleAddItem` in `useKanban.ts`
so callers can create items pre-assigned to a specific column status.
The value is forwarded via FormData; the server action already handles it.
- Adds a small "+" button in each KanbanColumn header (hidden for
  autoComplete columns and when the user lacks canEdit permission)
- Clicking the button reveals an inline text input inside the column;
  Enter saves, Esc or blur-without-text cancels
- New item is created with the column status pre-set via the extended
  handleAddItem hook
- Adds i18n keys `kanban.addItemToColumn` and `kanban.addItemPlaceholder`
  to all 13 locale files (en, de, fr, es, it, nl, pl, ru, ko, tr, zh,
  pirate, klingon)
@fccview
Copy link
Copy Markdown
Owner

fccview commented May 12, 2026

Changed your input to use the global Input component, otherwise it's pretty damn handy, thank you!!

@fccview fccview merged commit 1fcd858 into fccview:develop May 12, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants