diff options
Diffstat (limited to 'issues/002-modal-menu-quick-add-bug-report.md')
| -rw-r--r-- | issues/002-modal-menu-quick-add-bug-report.md | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/issues/002-modal-menu-quick-add-bug-report.md b/issues/002-modal-menu-quick-add-bug-report.md new file mode 100644 index 0000000..b518cf3 --- /dev/null +++ b/issues/002-modal-menu-quick-add-bug-report.md @@ -0,0 +1,47 @@ +# [FEATURE] Quick add & bug report in modal menu + +## Description +Put quick add (rename "add" to "quick add") and bug report in a unified modal menu. + +## User Story +As a user, I want quick-add and bug-report behind a unified modal so the UI is cleaner. + +## Technical Context +- Affects: `web/templates/index.html` (modal container), new partial `partials/modal-menu.html` +- Existing handlers for quick-add and bug already exist; this is UI consolidation +- Note: Issue #14 is a duplicate of this + +## Test Strategy + +### E2E/Integration Test (Red) +Test modal opens on trigger, contains both forms, submits correctly. + +``` +1. Click menu trigger -> modal opens +2. Assert "Add Task" and "Report Bug" tabs/options visible +3. Fill quick-add form -> submit -> task created +4. Switch to bug tab -> fill -> submit -> bug created +5. Modal closes after successful submit +``` + +## Proposed Approach + +1. Create shared modal partial with tab/toggle between "Add Task" and "Report Bug" +2. Use HTMX `hx-get` to lazy-load modal content +3. Add keyboard shortcut (e.g., `Cmd+K` or `Ctrl+K`) to invoke +4. Rename "Add" button to "Quick Add" throughout UI +5. Single FAB or menu button replaces separate add/bug buttons + +## Affected Components +- `web/templates/index.html` +- `web/templates/partials/modal-menu.html` (new) +- `web/static/` (JS for keyboard shortcut) +- Existing quick-add and bug handlers (no changes, just UI consolidation) + +## Definition of Done +- [ ] Single modal contains both forms +- [ ] Tab/toggle switches between quick-add and bug report +- [ ] Keyboard shortcut opens modal +- [ ] Both forms submit correctly +- [ ] Modal closes on successful submit +- [ ] Old separate UI elements removed |
