Add refresh dashboard button - second iteration

Summary

Second Iteration of the refresh dashboard button

• 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
• The existing alert loading icon and the proposed loading icon should be consolidated to one.
• The chart options icon should be disabled until the refresh is completed.

Couple of scenarios to think about after the refresh is done:

1. Newly created dashboards should be reflected in the dashboards dropdown.
2. Newly created custom metrics should show up as charts in the monitoring dashboard.
3. Existing charts should be updated as the custom metric can result in multiple metrics on one chart or the other way around where multiple metrics could be decoupled two multiple charts.

Intended users

• Devon (DevOps Engineer)
• Sidney (Systems Administrator)

Further details

This change is targeted for the monitoring dashboard that is part of our Prometheus integration

https://docs.gitlab.com/ee/user/project/integrations/prometheus.html

The Reload this page string should be changed to Refresh dashboard per this discussion

!25716 (comment 295923959)

Proposal

Please see the designs are in this epic

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