Make variable value listbox searchable
What does this MR do and why?
Make variable value listbox searchable
There's a GlDropdown
in the UI to select prefilled variable values when running a manual pipeline - this MR:
-
converts thethis was handled by !143733 (merged)GlDropdown
to aGlCollapsibleListbox
- moves it into its own component (
VariableValuesListbox
) - makes it searchable so that values can be selected more easily using only the keyboard
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
Before | After |
---|---|
Screen_Recording_2024-02-06_at_19.02.44 | Screen_Recording_2024-02-06_at_18.57.53 |
How to set up and validate locally
- configure some prefilled variable values in a project's pipeline:
# .gitlab-ci.yml
# sets up a variable called FLAG that defaults to "test"
# with options "dev", "qa", "test", and "prod"
variables:
FLAG:
value: "test"
options:
- "dev"
- "qa"
- "test"
- "prod"
description: "Variable description" # a variable description is required for the values dropdown to appear
- navigate to the project, and in the sidebar choose
Build
=>Pipelines
- click the
Run pipeline
button in the upper right - the FLAG variable should show up as a row in the variables form, with a dropdown as the value field and the description below
Edited by Miranda Fluharty