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

Allow to import dashboard

XMLWordPrintable

    • Icon: Task Task
    • Resolution: Unresolved
    • Icon: Normal Normal
    • COO 1.4.0
    • None
    • None
    • Product / Portfolio Work
    • None
    • None
    • 3
    • None
    • None
    • Sprint 284

      Background

      From the dashboards list view, we should allow users to click on the import dashboard and paste a perses dashboard definition.

      Follow the UX figma designs for guidance: https://www.figma.com/design/lJdJZqOyKqfIJWxOljC526/Dashboard?node-id=112-2&p=f&t=xqO2BjlkCZKSx4Fp-0 

      Outcomes

      • When clicking the "import" button on top of the dashboard list. A popup to paste the dashboard YAML or JSON should appear.
      • The popup should contain a namespace selector. When clicking on "OK" the dashboard should be imported on the selected namespace.

      Plan

      • Enhance the create dashboard to make it a dropdown so the "Import Dashboard" can be added, matching the mockups
      • When clicking on it a modal with a JSON editor and a namespace selector should be shown. Same as the create modal, the namespace options should be filtered based on user access
      • When clicking on import, the dashboard should be created in the target namespace/project
      • If there are errors while creating, for example invalid format, they should be displayed using patternfly alerts above the import button.

        1. 15661_rev2_to_check_errors.json
          198 kB
        2. 1860_rev42_to_check_errors.json
          463 kB
        3. 2583_rev2_to_check_errors.json
          41 kB
        4. acm-vm-status.json
          49 kB
        5. eve1234.json
          10 kB
        6. eve1234.yaml
          6 kB
        7. image-2026-01-26-08-09-34-043.png
          image-2026-01-26-08-09-34-043.png
          38 kB
        8. image-2026-02-24-15-48-12-058.png
          image-2026-02-24-15-48-12-058.png
          78 kB
        9. image-2026-02-24-15-48-47-692.png
          image-2026-02-24-15-48-47-692.png
          141 kB
        10. image-2026-02-24-15-49-35-573.png
          image-2026-02-24-15-49-35-573.png
          104 kB
        11. image-2026-02-24-15-50-13-652.png
          image-2026-02-24-15-50-13-652.png
          93 kB
        12. image-2026-02-24-15-50-39-904.png
          image-2026-02-24-15-50-39-904.png
          94 kB
        13. image-2026-02-24-15-50-53-083.png
          image-2026-02-24-15-50-53-083.png
          68 kB
        14. image-2026-02-24-15-51-44-585.png
          image-2026-02-24-15-51-44-585.png
          93 kB
        15. Namespace mismatch informative inline alert.png
          Namespace mismatch informative inline alert.png
          142 kB
        16. nodeexporterfull.json
          239 kB
        17. nodeexporterfull-cr-v1alpha2_to_check_errors.yaml
          169 kB
        18. perses-acm-vm-status_old.json
          35 kB
        19. perses-acm-vm-status.json
          35 kB

              gbernal@redhat.com Gabriel Bernal
              gbernal@redhat.com Gabriel Bernal
              None
              Evelyn Murasaki Evelyn Murasaki
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Created:
                Updated: