Open startailcoon opened 6 years ago
https://github.com/caplin/FlexLayout Not responsive
https://www.npmjs.com/package/react-golden-layout Unresolved issues with React 16
https://www.npmjs.com/package/react-grid-layout No tabs support
Testing https://www.npmjs.com/package/react-grid-layout
Basic functionality is working, missing resize buttons
I have refined the view now, for a better drag&drop feeling I need to wait for React16 issues to be resolved within react-grid-layout.
Here is an example, rearranging disabled:
Here is rearranging enabled:
In code that looks like this: https://github.com/bitshares/bitshares-ui/blob/be868eee0afb501c4994aa64ac20cb2915988039/app/components/Dashboard/DashboardPage.jsx#L55 I decided to use placeholders for rearranging because the drop&drag handler was interfering with actual content. Thought?
The layout also stores in local storage now how the user arraged it.
This is intentionally not completed yet as the framework might evolve when it's actually being used, e.g. for a landing page
With the usage of https://www.npmjs.com/package/react-grid-layout we can easily let the user rearenge the cards of data.
Part of discussion on #1477
@sschiessl-bcp, if you have time to work on a solution that can handle cards of data with a dynamic screen that can be aranged by easy passing the data to it, it would be perfect.
Test Code
A small test shows this code works well, but needs to be worked on to handle what we need.
Tabs
It would be very handy if the component could handle "merging and splitting of cards" and use the Ant Tabs for this.