Add a refresh dashboard button.

Problem to solve

Grafana has a convenient button that allows users to refresh the entirety of the currently selected dashboard without having to refresh the page. We should add that, the refresh should be at the dashboard level.

Screen_Shot_2020-02-05_at_12.48.47

Intended users

Further details

Design Proposal

Refresh button Hover state Refresh in progress Refresh done
1._Refresh_button 2._Refresh_button_hover 3._Refresh_button_loading 4._Dashboard_refreshed

MVC

  • We will reload the whole page upon the click of the refresh button.
  • Show an alert in case something goes wrong during a refresh (alert UX copy TBD)

Second Iteration

  • We will refresh the charts (not whole page)
  • The charts will display loading spinners while the refresh is in progress & the refresh button will be disabled while refresh is in progress.
  • The charts will re-load once refreshed and show this animation

Third iteration

  • It'd be nice to show the "timed out" empty state in case of time out. Once all of the chart empty states get implemented, we should show appropriate chart empty states in case something goes wrong during a chart refresh.

Permissions and Security

Documentation

Availability & Testing

What does success look like, and how can we measure that?

What is the type of buyer?

Links / references

Edited by 🤖 GitLab Bot 🤖