Skip to content

Moving Observability UI (ex Opstrace)'s Navigation to GitLab Sidebar

What does this MR do and why?

gitlab-org/opstrace&31 (closed)

  • Add Submenu items "Dashboards", "Explore" and "Manage" under "Observability" Menu at group level.
  • Remove Observability UI's sidenav and navigate with GitLab Sidenav.
  • Each Submenu's will have iframe to its respective pages in Observability UI.
  • Any route change in the Observability UI will be propagated to GitLab via secure postMessage. gitlab-org/opstrace/opstrace-ui#85 (closed)
  • It is behind feature Feature Flag
  • Observability tab is already implemented as part of previous MR

Previous MRs Iterations

Screenshots or screen recordings

Screenshot_2022-11-07_at_11.14.31_AM

Screenshot_2022-11-07_at_11.14.48_AM

Screenshot_2022-11-07_at_11.14.59_AM

Video Recording

https://www.loom.com/share/463d1a3e14dd4e5d8c5670d1502e225a

How to set up and validate locally

  1. This requires running Observability UI locally. Detailed steps for running it with gdk are here.
  2. Once, gdk and Observability UI both are running, Go to a group page, e.g. http://localhost:3000/gitlab-org
  3. Access the Observability tab from the left navbar. There will be three submenus Dashboards, Explore and Manage.
  4. Visit page http://localhost:3000/groups/gitlab-org/-/observability/dashboards

-->

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Ankit Panchal

Merge request reports