MauroDataMapper/mdm-ui

Make the grid full-screen

Closed this issue · 3 comments

The bulk editor is one of those components that requires as much screen-space as it can get. Making it full screen - either as a modal dialog, or with a separate SPA route, would make the tool a lot more usable.
Bear in mind the subsequent point in this epic about the HTML / MD editor - #585

Screenshot 2022-06-30 at 14 45 36

I'm thinking of something close to a 'Google Sheets' experience, if that's a useful reference point.

This should be quite simple to achieve. The UI Router organises routes and child components in a hierarchical structure, and the main browse window uses a parent root called appContainer.mainApp.twoSidePanel.catalogue. This splits the page into two - the left always shows the model tree, the right always shows what the specific URL wants to show e.g. data model selected.

To make the bulk edit page full width, just change this route to appContainer.mainApp.bulkEdit, then test the resulting layout and adjust as necessary.

@jamesrwelch As an aside, would it be worth making any editor screen full-width? I'm thinking about when an item is edited in the singular, currently a very large dialog pops up with the edit components, but would it flow better if navigated to a full-width page instead?