The primary goal of this phase is to implement the core reordering functionality with a standard visual proxy.
Restructure Viewport:
- In
apps/colors/view/Viewport.mjs, wrap the GridContainer, PieChartComponent, and BarChartComponent each within a Neo.container.Panel.
- This will provide distinct header elements to serve as drag handles.
Develop Container.SortZone:
- Create a new, reusable
SortZone class tailored for generic containers (e.g., src/draggable/container/SortZone.mjs).
- This class will extend
Neo.draggable.DragZone.
- It will be created by refactoring the logic from the existing
Neo.draggable.toolbar.SortZone to work with any vbox or hbox layouts. The toolbar.SortZone will then be updated to extend this new container-level class.
Integration:
- Instantiate the new
Container.SortZone within the Colors.view.Viewport to activate the drag-and-drop functionality on the new panels.
- The panel headers will be configured with the
.neo-draggable class to act as the delegate target for the SortZone.
The primary goal of this phase is to implement the core reordering functionality with a standard visual proxy.
Restructure Viewport:
apps/colors/view/Viewport.mjs, wrap theGridContainer,PieChartComponent, andBarChartComponenteach within aNeo.container.Panel.Develop
Container.SortZone:SortZoneclass tailored for generic containers (e.g.,src/draggable/container/SortZone.mjs).Neo.draggable.DragZone.Neo.draggable.toolbar.SortZoneto work with anyvboxorhboxlayouts. Thetoolbar.SortZonewill then be updated to extend this new container-level class.Integration:
Container.SortZonewithin theColors.view.Viewportto activate the drag-and-drop functionality on the new panels..neo-draggableclass to act as the delegate target for theSortZone.