diff options
| author | Peter Stone <thepeterstone@gmail.com> | 2026-01-22 10:09:07 -1000 |
|---|---|---|
| committer | Peter Stone <thepeterstone@gmail.com> | 2026-01-22 10:09:07 -1000 |
| commit | 7fd381a242f68b7c6f10db4e3ae0bb3d06e36a16 (patch) | |
| tree | abff0af0a0f3b057d7b1ad6d95dbefdf30c553c3 /issues/002-modal-menu-quick-add-bug-report.md | |
| parent | 583f90c5dedf0235fa45557359b0e6e7dd62b0f0 (diff) | |
Fix background image CORS issue
Switch from Unsplash Source API to Lorem Picsum which has proper
CORS headers for cross-origin image loading.
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
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 |