gridstack #1

Merged

brad merged 5 commits from gridstack into main 2025-12-31 20:43:45 -08:00

Conversation 0 Commits 5 Files changed 9 +1825 -2

brad commented 2025-12-31 20:43:36 -08:00

Owner

Copy link

No description provided.

brad added 5 commits 2025-12-31 20:43:36 -08:00

Implement GridStack.js dashboard ... 78737c0671

- Add GridStack v10.3.1 for drag-drop-resize grid layout
- Configure 50px cell height with 10px margins
- Enable 4-corner resize handles (se, sw, ne, nw)
- Use card headers as drag handles
- Implement visual dot grid background
- Add blue corner indicators on hover
- Auto-save layout on every change
- Add/remove tools dynamically
- Theme toggle (dark/light)
- Fullscreen mode for tools
- Same feature set as custom implementation
- Rainbow example tool included

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Fix GridStack initialization ... c471f71ab2

- Clear loading message before initializing GridStack
- Add error handling to initializeGrid()
- Add console logging for debugging
- Ensure grid container exists before initialization

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Add comprehensive error logging to GridStack implementation ... 1415532773

- Add logging to renderTools()
- Add logging to addToolToGrid()
- Add logging and validation to attachCardEventListeners()
- Better error messages for debugging
- Validate widget and element existence

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Fix GridStack widget element access ... a8c4ed0706

- Handle both widget.el and widget direct access
- Look for elements inside grid-stack-item-content
- Add logging for widget structure debugging
- GridStack v10 returns elements differently than older versions

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Align dot grid background with GridStack spacing ... 2f6e002ec9

- Update background-size from 50px to 60px to match GridStack's cellHeight (50px) + margin (10px)
- Add 5px offset to background-position to align dots with grid intersections
- Add explanatory comment about GridStack grid calculation

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

brad merged commit 5a8c2ff1d4 into main 2025-12-31 20:43:45 -08:00

brad referenced this pull request from a commit 2025-12-31 20:43:46 -08:00

gridstack (#1)

Sign in to join this conversation.

Reviewers

No reviewers

Labels

Clear labels

No items

No labels

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

brad/toolbox!1

No description provided.