Cleanup #47073

Feature #47072: mgr/dashboard: Usability Improvements

mgr/dashboard: landing page

Added by Ernesto Puerta over 2 years ago. Updated 5 months ago.

In Progress
Target version:
% Done:


Affected Versions:
Pull request ID:


Current landing page, despite the recent refresh, still exhibits some issues:

  • Effective visualization
    • There are 17 widgets loosely grouped around 3 themes (Status, Capacity & Performance).
    • Status cards are mostly text, static and with no visual hints. They also occupy a third of the landing page. This could be condensed and undesired/changing situations could be visually highlighted.
  • Missing data:
    • In light of the ability to enable compression and the future deduplication feature the dashboard should be able to show a savings/storage efficiency ‘card’
    • Pool status and usage.
  • Data becoming less relevant/obsolete:
    • PG’s per OSD are not that relevant with the autoscaler, and should be removed (as long as we have an out-of-the-box alert in place)
    • Scrubbing (are operators really monitoring here whether scrubbing happens or not? this should perhaps be an alert, rather than a fixed card 99% in inactive state)/
  • Contextualization/integration:
    • The alerts shown should also have links to the relevant component (OSD DOWN -> OSDs page for example).

This would be chance for another rethinking on the landing page (v3) in order to make it more intuitive, more evenly distributed when it comes to information displayed and its relevancy.

Current Landing Page:


The design doc is available here#.

landing_page_3_1.png View (136 KB) Ernesto Puerta, 08/21/2020 05:20 PM

landing_page3.png View (125 KB) Ernesto Puerta, 08/21/2020 05:20 PM

landing_page_v2.png View (149 KB) Ernesto Puerta, 10/25/2021 12:07 PM

lD3qh1fwC_sYireZOpVHIV-kU2tRBR57niUstw1FYl9xM_d2WbztX-84ttCc20g3vmaPLJvPl__YviPVD4t1E_2_snIMiET9HTh0aQhe8nUcRuS0Xh1KfbJ17LX6dhP9HeLWySu7c8pggSHxjQ.png View (313 KB) Ernesto Puerta, 07/04/2022 10:24 AM


Feature #49445: mgr/dashboard: Allow frontend modifications of the dashboardNew

Feature #50980: mgr/dashboard: advanced cluster visualization New

Feature #55522: mgr/dashboard: links from landing page cards to specific pagesNewErnesto Puerta

Related issues

Related to Dashboard - Cleanup #42072: mgr/dashboard: landing page 2.0 Resolved


#1 Updated by Ernesto Puerta over 2 years ago

#2 Updated by Ernesto Puerta over 2 years ago

#3 Updated by Ernesto Puerta over 2 years ago

  • Description updated (diff)

#4 Updated by Paul Cuzner over 2 years ago

There are a few things worth highlighting in the mockup to avoid confusion

- by placing all the components in a single place, it's visually easier to understand and locate info
- by using up/down/maintenance indicator we improve the status information we present to the user ( a host that is down for example doesn't show at all in the dashboard)
- by using consistent state icons for up/down/maintenance/drain we provide a more intuitive lifecycle approach to the components we show.
- any problems (daemon/hosts down) would be shown as a hyperlink to the relevant section in the UI

- we already show small line graphs in pool and osd pages, so these widgets would just be based on that existing code
- the time window for the chart would be fixed - the intent is to show the last couple of minutes only - any more than that, the admin can use the grafana charts

- putting health front and centre presents an easy focal point for the new user
- depicting health based on PG state is sufficient for most users of a UI (CLI users and devs always want more!)
- the alerts listed don't show the other concept of linking from the landing page. Today we link Pools to the pools page for example, which is fine, but I think for alerting we should be doing the same thing - alert osd to osd page to provide the new user with a more intuitive experience.

- visualizing capacity as a bar (or something!) that includes the nearfull and full ratios provides immediate indication of usage - answering the question, how far away am I from capacity shortages..

Storage Efficiency
- Compression has been around for a while and IMO, we should be advertising the storage efficiency features of ceph, not hiding them
- deduplication is slated to be new in Pacific so introducing a storage efficiency tile, gets ahead of this new feature and provides a home for any stats that it can give us.

#5 Updated by Lenz Grimmer about 2 years ago

  • Subject changed from mgr/dashbooard: landing page to mgr/dashboard: landing page

#6 Updated by Ernesto Puerta about 1 year ago

#8 Updated by Ernesto Puerta 5 months ago

  • Assignee set to Ernesto Puerta

Also available in: Atom PDF