From 7fd381a242f68b7c6f10db4e3ae0bb3d06e36a16 Mon Sep 17 00:00:00 2001 From: Peter Stone Date: Thu, 22 Jan 2026 10:09:07 -1000 Subject: 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 --- issues/002-modal-menu-quick-add-bug-report.md | 47 +++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 issues/002-modal-menu-quick-add-bug-report.md (limited to 'issues/002-modal-menu-quick-add-bug-report.md') 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 -- cgit v1.2.3