[PR #2661] [CLOSED] feat(frontend): inline quick-add fields for Kanban task creation #8437

Closed
opened 2026-04-20 18:13:04 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/go-vikunja/vikunja/pull/2661
Author: @Tokra110
Created: 4/20/2026
Status: Closed

Base: mainHead: feat/inline-quick-add-setting


📝 Commits (3)

  • c44a491 feat(frontend): add user setting for inline quick-add fields
  • 6263e58 feat(kanban): inline quick-add chip bar for task creation
  • 1a5f7cf refactor(frontend): restructure DatepickerInline for reuse in popups

📊 Changes

8 files changed (+1316 additions, -147 deletions)

View changed files

📝 frontend/src/components/input/DatepickerInline.vue (+83 -70)
📝 frontend/src/components/project/views/ProjectKanban.vue (+999 -68)
📝 frontend/src/components/tasks/partials/EditAssignees.vue (+16 -2)
📝 frontend/src/i18n/lang/en.json (+19 -0)
📝 frontend/src/modelTypes/IUserSettings.ts (+17 -0)
📝 frontend/src/stores/auth.ts (+2 -0)
📝 frontend/src/stores/tasks.ts (+27 -6)
📝 frontend/src/views/user/settings/General.vue (+153 -1)

📄 Description

Accidental push please ignore

Summary

Adds configurable inline fields to the Kanban add-task form so users can
set assignees, dates, priority, labels, reminders, color, and progress
without opening the full task editor.

  • New user setting (Settings > Appearance > "Inline fields when adding a
    task") with drag-to-reorder and an "Add field" picker using the
    existing Dropdown component
  • Chip bar in the Kanban add-task row with popup editors for each field
  • Submit button (checkmark) on the task input so tasks can be saved
    without pressing Enter
  • Hover clear button (×) on each chip to reset a field value
  • Defaults to assignee + due date for new users

Related to #1383 (quick actions from views), though that issue focuses
on editing existing tasks in list view rather than inline creation in
Kanban.

Test plan

  • Enable/disable fields in Settings > Appearance, verify they appear/disappear in Kanban add-task
  • Drag to reorder fields in settings, verify chip order matches in Kanban
  • Set each field type (assignee, due/start/end date, priority, labels, reminder, color, progress) and create a task
  • Verify the created task has the correct field values
  • Hover a set chip and click × to clear, verify it resets
  • Verify dark mode works correctly for settings dropdown and Kanban chips
  • Test with no setting saved (new user) — should default to assignee + due date

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/go-vikunja/vikunja/pull/2661 **Author:** [@Tokra110](https://github.com/Tokra110) **Created:** 4/20/2026 **Status:** ❌ Closed **Base:** `main` ← **Head:** `feat/inline-quick-add-setting` --- ### 📝 Commits (3) - [`c44a491`](https://github.com/go-vikunja/vikunja/commit/c44a491a2a5a9c868b4c454b390a9de0e6da3beb) feat(frontend): add user setting for inline quick-add fields - [`6263e58`](https://github.com/go-vikunja/vikunja/commit/6263e58951fb2c460e681b67d885dad79965dcd7) feat(kanban): inline quick-add chip bar for task creation - [`1a5f7cf`](https://github.com/go-vikunja/vikunja/commit/1a5f7cf3cd0bc3c1e9e024bd3cb70e478b9d2453) refactor(frontend): restructure DatepickerInline for reuse in popups ### 📊 Changes **8 files changed** (+1316 additions, -147 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/input/DatepickerInline.vue` (+83 -70) 📝 `frontend/src/components/project/views/ProjectKanban.vue` (+999 -68) 📝 `frontend/src/components/tasks/partials/EditAssignees.vue` (+16 -2) 📝 `frontend/src/i18n/lang/en.json` (+19 -0) 📝 `frontend/src/modelTypes/IUserSettings.ts` (+17 -0) 📝 `frontend/src/stores/auth.ts` (+2 -0) 📝 `frontend/src/stores/tasks.ts` (+27 -6) 📝 `frontend/src/views/user/settings/General.vue` (+153 -1) </details> ### 📄 Description **Accidental push please ignore** ## Summary Adds configurable inline fields to the Kanban add-task form so users can set assignees, dates, priority, labels, reminders, color, and progress without opening the full task editor. - New user setting (Settings > Appearance > "Inline fields when adding a task") with drag-to-reorder and an "Add field" picker using the existing Dropdown component - Chip bar in the Kanban add-task row with popup editors for each field - Submit button (checkmark) on the task input so tasks can be saved without pressing Enter - Hover clear button (×) on each chip to reset a field value - Defaults to assignee + due date for new users Related to #1383 (quick actions from views), though that issue focuses on editing existing tasks in list view rather than inline creation in Kanban. ## Test plan - [x] Enable/disable fields in Settings > Appearance, verify they appear/disappear in Kanban add-task - [x] Drag to reorder fields in settings, verify chip order matches in Kanban - [x] Set each field type (assignee, due/start/end date, priority, labels, reminder, color, progress) and create a task - [x] Verify the created task has the correct field values - [x] Hover a set chip and click × to clear, verify it resets - [x] Verify dark mode works correctly for settings dropdown and Kanban chips - [x] Test with no setting saved (new user) — should default to assignee + due date --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-20 18:13:04 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#8437