Add heat map widget to environments dashboard for at scale view of all environments
Problem to solve
Users often need to be able to see at a quick glance the health of their environments at scale (more then 3 environments across 7 projects). Today, the environment dashboard would not meet this need of a quick overview for users all environments in a group.
User experience goal
As a user of environments across many projects, I would like to go to the existing Environment Dashboard to see the health or status of all the environments in my group.
Add a heat map widget to the existing environments dashboard that color codes the environment's pipeline, where the x axis is hours and the y axis is a single environment:
- Red - Available and failed
- Green - Available with Passed Pipeline
- Gray - Stopped, not available
- Yellow - Available, cancelled pipeline, paused status, needs action
--> GitLab UI Component: https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/charts-heatmap--default
As an MVC, we will have no interactions from this. The heat map will be just a static chart with realtime status of all the environments in the group. We may choose to add:
- Filters on project
- Filters on Stage
- Filters on Available/stopped
- Filters on Geo-location
We will likely create a follow up issue for Styling & Pajamas Implementation
We would need to add a blurb to the existing Environments Dashboard page
What is the type of buyer?
- This will be on the Environments Dashboard which is already a GitLab Premium feature