Skip to content

Next

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
    • Help
    • Support
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
GitLab FOSS
GitLab FOSS
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Locked Files
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Merge Requests 0
    • Merge Requests 0
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
  • Security & Compliance
    • Security & Compliance
    • Dependency List
    • License Compliance
  • Packages
    • Packages
    • Container Registry
  • Analytics
    • Analytics
    • CI / CD
    • Code Review
    • Insights
    • Issues
    • Repository
    • Value Stream
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • GitLab.org
  • GitLab FOSSGitLab FOSS
  • Issues
  • #57171

Closed
Open
Opened Feb 02, 2019 by Joshua Lambert@joshlambert
  • Report abuse
  • New issue
Report abuse New issue

Link to Grafana on metrics dashboard

Problem to solve

Our current metrics dashboard cannot solve all use cases, or support all data sources. We should support a button to link off to a Grafana instance to provide a more fully featured dashboard until we can support all cases.

Target audience

  • Sasha, Software Developer, https://design.gitlab.com/research/personas#persona-sasha

  • Devon, DevOps Engineer, https://design.gitlab.com/research/personas#persona-devon

  • Sidney, Systems Administrator, https://design.gitlab.com/research/personas#persona-sidney

Further details

Proposal

There are two things to consider here:

  • Where to place the button/text to open Grafana
  • How to configure the URL for Grafana

We should offer users a link to Grafana directly on the metrics dashboard, if one has been configured. This should be in the upper right corner, similar to what we do for Error Tracking:

Screen_Shot_2019-04-04_at_5.12.51_PM

Design

Users will need to add the URL of the dashboard they want to link to on the Operations > Settings page:

ee_57171-link-to-grafana-metrics-dashboard-v3

Once this link has been added, a button will appear on the metrics dashboard that links to the specified external dashboard. We are in the process of re-arranging the space above the charts on the metrics dashboard, and introducing a filter bar. Depending on when these changes get implemented, the positioning of the button will shift slightly.

If this change is implemented in the short-term (ie, before the filter bar is introduced):

Screen_Shot_2019-04-10_at_10.52.41_AM

  • Button can be placed in the right-hand side of the page, as shown
  • Placing it here would mean shifting the time window selection dropdown to the left side of the page

If this change implemented in the longer-term (ie, after the filter bar is introduced):

Screen_Shot_2019-04-10_at_10.52.52_AM

  • Button would be the last in the button group, as shown

What does success look like, and how can we measure that?

You can easily get to a Grafana instance from a GitLab dashboard.

Links / references

Edited Apr 16, 2019 by Amelia Bauerly

Linked issues

  • Discussion
  • Designs
Assignee
Assign to
11.11
Milestone
11.11
Assign milestone
Time tracking
None
Due date
None
11
Labels
Deliverable Persona: DevOps Engineer Persona: Software developer Persona: Systems Administrator UX ready [DEPRECATED] backend devopsmonitor direction feature frontend release post item
Assign labels
  • View project labels
Reference: gitlab-org/gitlab-foss#57171