Skip to content

GitLab Version - Help Dropdown Version Indicator

Zack Cuddy requested to merge 295266_2-increase-upgrade-clarity-ui into master

What does this MR do and why?

Implements frontend for: #295266 (closed)
Part 2/2 and Closes #254206 (closed)
Implements the Internal Endpoint added as part of !73504 (merged)
Implements the Vue Component added as part of !77521 (merged)

This change adds a version indicator and version check badge to the Header Bar Help Dropdown.

This is only visible by admin users and should provide an easy way to indicate an out of date instance.

Screenshots or screen recordings

Help Dropdown

Before After
Help_Dropdown_Before Screen_Shot_2021-11-05_at_10.03.26_AM

All Status Badges Variants

Type UI
Up to date
Update available
Update ASAP

No Version Check/Non-Admin

Location UI
Help Drodpown

How to set up and validate locally

Important: Since version_check uses ReactiveCaching you will need to "warm the cache up" when testing. This will mean that your first hit on your instance will be null. In the background the cache will be fetched/created async. So after reloading you should see the badge appear.

Important: You must be an Admin user to see the badge, there is value in testing as a non-admin to ensure the dropdown doesn't show the version check information.

Test Help Dropdown:

  1. Click the ? help dropdown in the top right of your nav bar
  2. Ensure the correct badge is displayed and the UI looks correct

MR acceptance checklist

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

Related to #295266 (closed)

Edited by Zack Cuddy

Merge request reports