←
TRCKR-447
Created: 2025-12-18
•
Updated: 2025-12-20
Relationships
Loading...
Attachments
Loading...
Comments (1)
agent
·
2025-12-20
Implemented drag-drop image upload for issue detail page description field.
## Changes Made
1. **server/templates/base.html** (lines 1386-1440):
- Added CSS styles for upload overlay, upload container, spinner animation, and upload status
2. **server/templates/issue_detail.html** (lines 69-96, 268-497):
- Wrapped description textarea in .description-upload-container
- Added upload overlay with drag-drop visual feedback
- Added file input and attach button next to Description label
- Added upload status indicator
- Added JavaScript for:
- Click handler for attach button
- Drag-and-drop handlers (dragenter, dragleave, dragover, drop)
- Paste handler for clipboard images
- Image upload to /web/upload-image endpoint
- Markdown image insertion at cursor position
## Features
- Drag and drop images onto description textarea
- Paste images from clipboard (Ctrl/Cmd+V)
- Click paperclip button to browse files
- Supports JPG, PNG, GIF, WebP
- Visual overlay shows Drop images here on drag
- Upload status spinner during upload
- Toast notifications for success/failure
- Images inserted as markdown at cursor position
## Testing
- Server module loads correctly
- HTML templates render with upload components
- E2E tests pass (255 passed, 18 failed - failures unrelated to this change)