🎨 [Frontend] Standalone (full screen) UI mode

[odeimaiz]

What do these changes do?

This PR brings a new UI mode to represent a study: standalone.

When a study is in standalone mode, the small toolbar, the one with the Reload and Maximize/Restore buttons, disappears giving more space to the dynamic service. From now on, the new studies that contain only one dynamic service will start in standalone mode.

In order to go back to the previous (workbench) view, the users will need to go study-menu in the navigation bar (the reload button was also moved here) and click the "Convert to Pipeline" button, this internally changes the ui mode to workbench and the more osparcy view will be shown. This operation can also be done from the dashboard.

Until the export to standalone backend functionality is implemented, the Convert-to-Standalone option will be hidden.

Bonus:

• Listen to openWallets inter-iframe message

Starting different modes

New project with a dynamic service goes standalone

New project with a non dynamic service goes workbench

Convert standalone -> workbench -> standalone

Related issue/s

• related to https://github.com/ITISFoundation/private-issues/issues/7

How to test

Dev-ops checklist

• No ENV changes or I properly updated ENV (read the instruction)

[pcrespov]

🎉

[odeimaiz]

@Mergifyio queue

[mergify]

queue

🛑 The pull request has been removed from the queue default

The pull request can't be updated.

You can take a look at Queue: Embarked in merge queue check runs for more details.

In case of a failure due to a flaky test, you should first retrigger the CI.
Then, re-embark the pull request into the merge queue by posting the comment
@mergifyio refresh on the pull request.

[sanderegg]

very nice!

[GitHK]

nice

[mergify]

This pull request has been removed from the queue for the following reason: pull request branch update failed.

The pull request can't be updated

You should look at the reason for the failure and decide if the pull request needs to be fixed or if you want to requeue it.

If you want to requeue this pull request, you need to post a comment with the text: @mergifyio requeue

[odeimaiz]

@Mergifyio requeue

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[mergify]

requeue

❌ This pull request head commit has not been previously disembarked from queue.