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.

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

New edit-mode #392

Merged
merged 14 commits into from
Jul 31, 2023
Merged

Conversation

rafaellehmkuhl
Copy link
Member

@rafaellehmkuhl rafaellehmkuhl commented Jul 27, 2023

Complete refactor of the edit-mode.

From our OKRs, this checks most of the requirements:

  • Fix widget-edit-menu-button problem
  • Allow rearranging widgets/layers with a drag-and-drop tree
  • Allow adding/removing widgets in this same tree
  • Create a new profile when the user edits the default profile
  • Auto-update default profile to always have the latest changes
  • Improve the concept of views/profiles
  • Allow switching views without reloading widgets
  • Allow renaming views
  • Integrate mini-widgets in the profiles somehow
  • Shrink widget view when in edit-mode and make edit-mode-menu fixed in the screen

I believe the 3 remaining items are interesting for us to add before stable, as they change the profiles structure, but they can be done in a future PR, as the current changes already cover the majority of our user demands and vastly improve their experience using Cockpit.

new-edit-mode.mp4

Also fixes #233 and adds support for multiple simultaneous views with toggling.

To be merged after #398.

PR only lacking proper committing.

In the new layout, instead of opening a auto-hiding sidebar, we minify the main view to the top-right of the screen, while making the edit-menu fixed in the left and bottom edges.

In the process, we changed the entire widget managing interface:
- The available widgets now appear on the bottom, instead of in a dropdown list, making for easier access
- One can now rearrange the widgets by dragging and dropping
- One can now delete and make maximize/restore the widget by easily accessible buttons on the left bar
- The widget-edit-menu was deprecated for the two above
- One can select the active layer/view by just clicking on it on the list
- One can now rename the layers/views easily

Overall, the new interface is much more accessible and beautiful, and at the same time adds important new features.

For now, managing profiles is deprecated, as their structure will be changed soon.
- Dragging now takes the widget-view size into account
- Resizing can now be done from any widget corner, as well as the four edges
- Grid snapping is deprecated temporaly
@patrickelectric patrickelectric merged commit 62c9cc4 into bluerobotics:master Jul 31, 2023
5 checks passed
@rafaellehmkuhl rafaellehmkuhl deleted the new-edit-mode branch July 31, 2023 17:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Edit context menu often vanishes when we try to get the mouse to if
2 participants