cylc
View toolbar
Work out what to do with the "view" controls.
Context
There is a very important feature which appeared in the early-2019 design outline which quietly disappeared in subsequent design documents.
The "view" toolbar circa early 2019-design outline:
The UI as of July 2020:
The initial idea had been to avoid the clutter of the Cylc7 toolbar by implementing something less obtrusive, however, the wonderful Lumino tabs have since superseded that more primitive layout model. Now we need to put them somewhere else.
Functionality
The toolbar should provide quick access to regularly used options (e.g. group and ungroup).
The main options expected are:
- Group / Ungroup.
- Filtering (e.g. by task state).
- Visual Filtering (e.g. by reflow).
- Window (e.g.
n=1). - Transpose (for graphical layouts).
- Subgraph (i.e. group by cycle point - for graphical layouts).
- Freeze (for all layouts?).
- Search (e.g. by task name).
- Selection sharing (i.e. open the selection of one view in another).
Ideas
Sadly I think a toolbar is inevitable but we can minimise its visual intrusion on the UI. Thus far this is the best I've come up with:
For mobile we will have to replace the toolbar with a burger bar, perhaps providing limited functionality.
Questions
[edit 2022] attempted to resolve open questions
- [x] Any better ideas?
- None suggested.
- [x] Should all tab-related settings be in this toolbar (e.g. the graph view layout options)?
- No objections registered, suggest that it should.
- [x] Should we hide the toolbar and have it display when the burger bar is clicked?
- Food for future work/discussion, not a decision we need to make now.
- [x] Should we only display a limited set of icons and expand to the full set when an ellipses icon is clicked?
- Given how long the task state filter component is I think we may need to do this or something similar.
I've not had time to think about this in any great depth, but at first glance I like your suggestions above as they are.
The search and filter icons would need to toggle the search and filter inputs.
Perhaps these could appear in the row below?
I liked the location of the toolbar (would be under the lumino tab I think), and also the translucent icons changing colors. Might be easy to prototype it later (probably after 0.3 is out). Thanks!
Note from https://github.com/cylc/cylc-ui/issues/56
Try to centralise as much of the common functionality as possible, namely the user interfaces (i.e. sorting, filtering, etc) to avoid needing to re-implement these separately in each view.
#1108 introduces a toolbar for the graph view:
This is implemented as a reusable component so can be shared by other views.
Suggest also using this component in the UserProfile for configuring the default view settings.
Update 2025, we have a generic view toolbar, but not all views have yet adopted it (e.g, graph has, tree hasn't).
We should aim to slowly convert views over to the generic toolbar and centralise common functionality (e.g. task filtering) into it.
Once this is done, we can use this toolbar in the user-preferences page to allow the view defaults to be configured - https://github.com/cylc/cylc-ui/issues/1146