Uploaded image for project: 'Observability UI'
  1. Observability UI
  2. OU-433

Toggle between PersesDashboards or Dashboards component in the monitoring plugin

    • Icon: Task Task
    • Resolution: Unresolved
    • Icon: Undefined Undefined
    • COO 1.1.0 RC
    • None
    • None
    • None
    • Sprint 264, Sprint 265

      Background

      In order for customers or internal teams to troubleshoot better, they need to be able to see the dashboards created using Perses inside the OpenShift console. We will use the monitoring plugin which already supports console dashboards comming from Grafana, to provide the Perses dashboard funcionallity

      Outcomes

      Create a component in the monitoring plugin that can render a Perses dashboard based on the dashboard schema returned by the Perses API.

      There are 2 dropdowns, one for selecting namespaces and another for selecting the dashboards in the selected namespace.

       

      Steps

      1. Use the same dashboards route for the Perses dashboards component
      2. Use the monitoring-console-plugin proxy to call the Perses API, this was covered by https://issues.redhat.com/browse/OU-432
      3. Choose the component being rendered: Dashboards or Perses Dashboards if Perses is detected in the cluster
        1. Perses dashboards
          1. Add the namespace dropdown, visible only if Perses is detected on the cluster using an API call to the proxy
          2. Create a Perses: hello world component to be rendered in the dashboard page
          3. When selecting a Perses project on the dropdown, render the Perses hello world component. 
          4. When selecting the legacy namespace, render the current Dashboard component
          5. The implementation of the Perses component will be done in https://issues.redhat.com/browse/OU-618
        2. Dashboards. Keep the page as it is

       

      Previous work

      https://docs.google.com/presentation/d/1h7aRZkl5Kr9laXaBodxQv5IsLBZF06g0gigXbCqv9H4/edit#slide=id.g1dd06ee962a_0_4384

       

      Create dashboard flow chart

      Figma design

              rh-ee-pyurkovi Peter Yurkovich
              gbernal@redhat.com Gabriel Bernal
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Created:
                Updated: