[RFE] Embed the grafana dashboards directly into the Tendrl UI

[julienlim]

As a Tendrl user, I would like to see the existing (grafana) dashboards embedded in the tendrl UI (as opposed to link-n-launch into grafana), whereby I will see all configuration, health, and performance information from a single tendrl UI.

Acceptance criteria:

• user sees grafana dashboards in the tendrl UI.
• User will not see or know grafana is even there from the tendrl UI.
• User cannot log in directly to the grafana UI.

Related Bugzilla:

• BZ 1616399 - [RFE] Embed the grafana dashboards directly into the WA UI

[julienlim]

Expected UI Changes:

Clusters and Cluster

• All Clusters list: remove dashboard button
• Change clustername hyperlink to default to Dashboard menu item (for a given cluster)
• Add a Dashboard menu item in the left-nav (for a selected cluster), make this the default landing page whenever user switches to any cluster from the context-selector

Hosts

• Cluster > Host > Overview tab (before Bricks tab) and default view
• Hosts list: remove dashboard button
• Change volume hyperlink to default to Overview vs. Bricks

Volumes

• Volumes list: remove dashboard button
• Cluster > Volume > Overview tab (before Bricks tab) and default view
• Change volume hyperlink to default to Overview vs. Bricks

Bricks Details Page (from Hosts and Volumes lists)

• remove the dashboard button
• add hyperlink to brickname, and it will hyperlink to a new page with the Bricks Overview page with breadcrumb at the top to the selected brick

Considerations

• We may need to refactoring grafana dashboards -- specifically layout changes with iframe embedding grafana dashboards in the tendrl UI
• There may be opportunity to remove some health / status panels (if redundant now that the dashboards are embeeded into the tendrl UI)
• timestamp / time period to use for the Grafana dashboards

Note: Mockups are forthcoming.

@gnehapk

[julienlim]

Here is the Design for the embedded grafana dashboards into the Tendrl UI.

Still TO DO:

• grafana dashboard refactoring (e.g. layout changes)
• how to bring the Grafana time picker into embedded grafana dashboard
• zoom-out/pop-out feature

@gnehapk @a2batic @cloudbehl @shirshendu @GowthamShanmugam @anmolsachan @nthomas-redhat @Tendrl/qe

[julienlim]

The grafana dashboard refactoring (mostly layout changes) is specified in Refactoring Grafana dashboards for Embedding into Tendrl UI.

For the timepicker and zoom out or rather to make bigger the chart to see, @a2batic showed me what she's done on Ceph Dashboard, and it looks like the same solution will work nicely here as well.

@gnehapk @a2batic @cloudbehl @shirshendu @GowthamShanmugam @anmolsachan @nthomas-redhat @Tendrl/qe

[mbukatov]

For the timepicker and zoom out or rather to make bigger the chart to see, @a2batic showed me what she's done on Ceph Dashboard, and it looks like the same solution will work nicely here as well.

Reusing previously deployed solution sounds cool. Do we have a link where this feature is discussed or documented for Ceph Dashboard, so that we can have a look?

[julienlim]

@mbukatov See https://tracker.ceph.com/issues/24999#change-119653.