UI: Windows, groups, markets and workspaces #83

Closed ashleyvega closed 4 years ago

In GitLab by @edd on Feb 18, 2019, 16:33

Outline

As of Feb 2019, the UI is arranged as a series of windows in a single workspace, each of which can have a market selected. This is a good base for what we need, but is impractical for a number of reasons:

When we have multiple products, a user may want the same window layout for a different market.
As each component needs to have its market switched individually, it would be time consuming to get an overview for a different product

Workspaces

Think of workspaces like spaces on a Mac, or virtual desktops on other systems. You might choose to use a workspace per market, workspace 1 being your Bitcoin view and workspace 2 being Ethereum. Or you might have Workspace 1 be just 3 deal tickets, and workspace 2 be all charts. It's up to you. To support this properly we need to be able to move windows between workspaces

Window groups

Instead of tying each window to a market, we're going to add windows to groups. Instead of changing the market for a window, you'll change the market for a group of windows. What this will allow for is keeping a layout and set of components, but changing the market for all of them at the same time.

What group does a new window get added to?
How do we represent what group a window is in?

Product selection

Currently a market is selected from a cog in the window tab. This might not work very well if you're actually changing the group's markets, rather than a specific window.

In GitLab by @edd on Feb 18, 2019, 16:38

marked this issue as related to client#225

In GitLab by @edd on Feb 18, 2019, 16:38

marked this issue as related to client#226

In GitLab by @edd on Feb 18, 2019, 16:38

marked this issue as related to client#241

In GitLab by @edd on Feb 18, 2019, 22:09

changed the description

In GitLab by @edd on Feb 18, 2019, 22:20

marked this issue as related to client#252

In GitLab by @edd on Feb 18, 2019, 22:20

marked this issue as related to client#251

In GitLab by @edd on Feb 18, 2019, 22:20

marked this issue as related to client#250

In GitLab by @edd on Feb 18, 2019, 22:22

removed the relation with client#226

In GitLab by @edd on Feb 18, 2019, 22:26

changed the description

In GitLab by @barnabee on Feb 19, 2019, 10:29

I've uploaded a screen capture video of the window grouping and the workspaces/layout switching in ProRealTime to https://youtu.be/C8POpYsK1Ug (it's too big for a GitLab attachment), I assume the quality will increase once Google do their stuff (it's currently maxing out at 360p 🥴).

In GitLab by @edd on Jun 17, 2019, 17:09

closed

vegaprotocol / specs