Global: Top bar & toolbox

[loris-olivier]

Motivation

Refine the top bar in order to build a clearer structure on the different action globally possible. The goal is to regroup central actions in a lateral bar which group the search function, the studio and workflow access in addition to the documentation. The top bar now contain the logo and the user dropdown. This one contains the the login access, the copy token function, the about section (about Fusion) and, if logged in, the logout function.

Acceptance criteria

• The user should see is name in the dropdown on the top bar.
• When the user click on his name content appear below in a dropdown way.
• The content is made of the copy token function, an about button which trigger an overlay with the information on the current app version, and finally the logout button.
• The side tool bar is made of four buttons.
• The first button of the tool bar trigger the search function
• The second button leads to the list of the existing studios
• The third button leads to the list of the existing workflows
• The fourth button leads to the documentation

Mockups

New Toolbar

User dropdown (closed)

User dropdown (open)

Side toolbox

[samuel-kerrien]

Will close this ticket as this has been split in 2 tickets