4ea1c55a75
fix(dashboard): correct rem-to-pixel conversion for drag overlay grid cells
...
- Convert rowHeight and gap from rem to pixels using gridEngine.remToPixels()
- Fix highlightGridCells() to use pixel values for positioning and sizing
- Fix showGridOverlay() to calculate container height in pixels
- Resolves issue where green highlight boxes rendered as tiny squished lines
- Follows same conversion pattern used in gridEngine.getPixelPosition()
2025-10-25 18:51:20 +11:00
dd1de2191e
feat(dashboard): implement complete edit mode UI system (Task 1.7)
...
- Add EditModeManager class with full edit mode lifecycle
- Implement edit mode toggle with save/cancel
- Create edit control buttons (save, cancel) in dashboard header
- Add grid overlay visualization (repeating gradient pattern)
- Build widget library sidebar with 6 widget types
- Implement per-widget controls (settings ⚙, delete ×)
- Add confirmation dialogs for delete/cancel/reset
- Store original layout for cancel functionality
- Event-driven architecture with change listeners
- Complete integration demo showing:
- Drag and drop (from Task 1.5)
- Resize handles (from Task 1.6)
- Edit mode controls
- Widget library
- Status bar with real-time stats
- Create complete dashboard test harness with:
- Dashboard header with edit toggle
- Widget library sidebar
- Edit/view mode switching
- Per-widget controls on hover
- Status bar (mode, widget count, grid units)
- Production-ready UI/UX
- 470 lines core code, 920 lines complete demo
- All systems work together seamlessly
2025-10-23 10:11:51 +11:00
Lucas 'Paperboy' Rose-Winters