Live data split view interaction

[pierrephz]

Summary

Improve the live data split view interaction.

Current Situation / Problem

On a end device or gateway screen, we have a feature that allows user to always keep an eye on the live data of that device.
But the floating button to access it is not visible enough and people don't notice it.

Why do we need this? Who uses it, and when?

This feature is used to be able to do debugging, and make some editing on devices and always have a look on the live data. It make life of the user easier since he or she doesn't have to switch page many time to check if the device receives data.

Proposed Implementation / Solution

1 - Improve the floating button visibility (see screenshot below)

2 - Show an explanation tooltip when the user first access this page (see screenshot below)

Contributing

• I can help by doing more research.
• I can help by implementing the feature after the proposal above is approved.
• I can help by testing the feature before it's released.

Validation

• The feature is tested in a staging environment.
• The feature is documented in The Things Stack Documentation

Code of Conduct

• I agree to follow TTN's Community Code of Conduct.

[pierrephz]

@KrishnaIyer here is a solution to make the live data split view more accessible.

[KrishnaIyer]

This looks great and will definitely improve this view. Thanks

[mjamescompton]

@KrishnaIyer Lets think about where we would store the data that the explanation tooltip has been seen, if its just a cookie it will be annoying ask it will open for every browser.

Do we have something like last login date that could be used to hide and show this.

Do we have somewhere we can store this small bits of data for ui elements

[KrishnaIyer]

Yeah this setting should be in the UserConsolePreferences.

@ryaplots: Can you add the backend support for this?