RFC: Override NRCS Data — UI/UX

[hummelstrand]

About Me

This RFC is posted on behalf of the BBC.

Use Case

This is intended to be a UI/UX continuation of the RFC: Override NRCS Data in the Sofie GUI which mainly deals with the backend work.

Proposal

The plan is to begin by exposing all the properties in a Properties side panel. At a later stage we intend to add the possibility to directly edit properties by manipulating the pieces and segments in the main GUI.

Process

The Sofie Team will evaluate this RFC and open up a discussion about it, usually within a week.

• RFC created
• Sofie Team has evaluated the RFC
• A workshop has been planned
• RFC has been discussed in a workshop
• A conclusion has been reached, see comments in thread

[hummelstrand]

Iteration 1 of the Properties panel.

[hummelstrand]

• After workshopping this we've decided that it makes more sense to have all form fields being live, so any changes made in the panel will immediately take effect in the GUI. That means that the Cancel/Apply buttons will be removed.
• While considering the future UX of how to do direct-manipulating of pieces/segments, the current thinking is that we want to avoid a "master Play/Edit mode" switch, but instead rather allow the user to edit directly by using the Alt/Option keyboard modifier.
• We hope to be able to modify the GUI so that the panel will resize the main GUI instead of covering it.

[nytamin]

Copying in my response from the previous thread, for visibility:

Let's set up a workshop, where you can present your current plans and we can have a discussion regarding the GUI side of things.
I propose that we have the workshop Wednesday, October 23rd at 13:00 CEST, I'll send calendar invites.

If anyone else wishes to join the workshop, please email me at [email protected]

[olzzon]

Implementation of Properties panel is here:
https://github.com/bbc/sofie-core/tree/feat/ui-useredit-panel

Currently this implementation uses a hack in NotificationPanel (and its notification levels) and opens by right clicking. (together with the right-click menu)
This hack is in this branch, while we're implementing a good "selected element" in UI, and modifier clicking.