Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Canvas: GridStack Layout #6325

Draft
wants to merge 57 commits into
base: feat/canvas-2.0
Choose a base branch
from
Draft

Canvas: GridStack Layout #6325

wants to merge 57 commits into from

Conversation

lovincyrus
Copy link
Contributor

@lovincyrus lovincyrus commented Dec 21, 2024 •
edited
Loading

  • Rework canvas to grid-based using Gridstack.js
  • Centralize and sync grid state to CanvasStore
  • Dispatch selected index based on component selection
  • Ability to drag/resize components in the grid
  • Clean up gridstack DOM when switching views
  • Rebase
  • Ensure components are rendered properly when adding new component

Gridstack API: https://github.com/gridstack/gridstack.js/tree/master/doc

@lovincyrus
12 cols in cavnas, fix new spawn width
21d15b2
@lovincyrus
fix deleting from dashboard
caf695c
@lovincyrus
handy button to insert new markdown component
b3cfe6c
@lovincyrus
update index for last inserted component
2cc25d5
@lovincyrus
remove unused grid lines
5589760
@lovincyrus
comment out squares from the resize handle
38c2ac6
@lovincyrus
clean up lingering
b8d3042
@lovincyrus
remove showGrid, grid toggle
0335e6f
@lovincyrus
initial gridstack
eb185c8
@lovincyrus
grid stack item
dcb60d9
@lovincyrus
static grid in preview
06fb886
@lovincyrus
canvas bg
ac290e9
@lovincyrus
tweak grid opt
c4bc05b
@lovincyrus
clean up
0483b95
@lovincyrus
centralize grid stack manager
aa13beb
@lovincyrus
clean up
7405fc4
@lovincyrus
rename canvas dashboard wrapper
4d922e7
@lovincyrus
use preview element in stack item
f613adf
@lovincyrus
apply component to embed
3fbbba7
@lovincyrus
encapsulate grid stack item for clarity
9480b03
@lovincyrus
fix w, h of component when wrapped in grid stack item
2936605
@lovincyrus
track resize events from gridstack
34800d8
@lovincyrus
wip
3675bfa
@lovincyrus
rename, clean up
85559ab
@lovincyrus
fix initialized gridstack
f6855ff
@lovincyrus
clean up
8318a7f
@lovincyrus
before resize stop
3ffc99f
@lovincyrus
remove grid stack manager
8a7b98e
@lovincyrus
update on dragstop and resizestop
818cf07
@lovincyrus
fix selected index in preview elemenet
247432a
@lovincyrus
clean up, use x, y, width, height when dispatching events
ccd73bd
@lovincyrus
clean up
5cb4153
@lovincyrus
logs, wip
2bc7d82
@lovincyrus
data-highlight
fad4dae
@lovincyrus
expose grid to parent
a15a0ad
@lovincyrus
pointerenter, pointerleave
0f05695
@lovincyrus
remove pointer events to preview element
9815edb
@lovincyrus
fix
3360597
@lovincyrus
remove unused columns, gap from spec
65adabc
@lovincyrus
options
bdb5d55
@lovincyrus
centralize gridstack to canvas store
267a850
@lovincyrus
click event listener to set selected index
7e91e93
@lovincyrus
remove unused mousedown on preview element
804a436
@lovincyrus
rebase fix
413ba77
@lovincyrus
remove unused
c2eb705
@lovincyrus
lint
7969a45
@lovincyrus
use pointerdown for selecting component
1c5203d
@lovincyrus
lint
288d8f4
@lovincyrus
remove columns, gap from canvas embed, lint
40250eb
@lovincyrus
lint unused
6645ae8
@lovincyrus
add embed to svelte grid stack, disable data-highlight
da34fbb
@lovincyrus
centralize grid stack options
8b1de08
@lovincyrus
change default size, logs, clean up
93f6465
@lovincyrus
comments
79a1a2a
@lovincyrus lovincyrus changed the title Canvas: Grid Layout Canvas: GridStack Layout Dec 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@lovincyrus