[PR #2663] feat(frontend): inline quick-add fields for Kanban task creation #8439

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

📋 Pull Request Information

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

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


📝 Commits (5)

  • 4c0bda4 feat(frontend): add user setting for inline quick-add fields
  • 5953dba feat(kanban): inline quick-add chip bar for task creation
  • 719205e refactor(frontend): restructure DatepickerInline for reuse in popups
  • 6ceb14a Merge branch 'main' into feat/inline-quick-add-setting
  • 6c688f6 Merge branch 'main' into feat/inline-quick-add-setting

📊 Changes

9 files changed (+1640 additions, -147 deletions)

View changed files

📝 frontend/src/components/input/DatepickerInline.vue (+83 -70)
frontend/src/components/project/views/InlineQuickAddFields.vue (+747 -0)
📝 frontend/src/components/project/views/ProjectKanban.vue (+576 -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

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
  • Self-contained InlineQuickAddFields component with chip bar and
    popup editors for each field type
  • 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/2663 **Author:** [@Tokra110](https://github.com/Tokra110) **Created:** 4/20/2026 **Status:** 🔄 Open **Base:** `main` ← **Head:** `feat/inline-quick-add-setting` --- ### 📝 Commits (5) - [`4c0bda4`](https://github.com/go-vikunja/vikunja/commit/4c0bda42202508e4fea9ee99324ef5aa44700ec5) feat(frontend): add user setting for inline quick-add fields - [`5953dba`](https://github.com/go-vikunja/vikunja/commit/5953dba98c03eda3db52b401b8a0480228db87b0) feat(kanban): inline quick-add chip bar for task creation - [`719205e`](https://github.com/go-vikunja/vikunja/commit/719205e892cc6b63e194e7235f7a2b4e72a9497a) refactor(frontend): restructure DatepickerInline for reuse in popups - [`6ceb14a`](https://github.com/go-vikunja/vikunja/commit/6ceb14a7f788ed539fc494c9bb06b7317864910b) Merge branch 'main' into feat/inline-quick-add-setting - [`6c688f6`](https://github.com/go-vikunja/vikunja/commit/6c688f627b44e339d1aea1b2b77449bd1b32836b) Merge branch 'main' into feat/inline-quick-add-setting ### 📊 Changes **9 files changed** (+1640 additions, -147 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/input/DatepickerInline.vue` (+83 -70) ➕ `frontend/src/components/project/views/InlineQuickAddFields.vue` (+747 -0) 📝 `frontend/src/components/project/views/ProjectKanban.vue` (+576 -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 ## 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 - Self-contained `InlineQuickAddFields` component with chip bar and popup editors for each field type - 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:12 -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#8439