SAST Config UI Page - Basic SAST Wide Settings - Implement form control components
This issue tracks the creation of the form control components that are present in the MVC design.
For this iteration, the SAST Configuration UI will only expose text fields for configurable variables.
A container component will consume the component created in this issue, and create an instance of it for each occurrence of a SAST configuration entity with type string
yielded by the GraphQL query for sastCiConfiguration
(See #231372 (closed)).
Implementation plan
-
Add input sizing to GitLab UI -
Add GlFormText to GitLab UI -
Implement form input component - !37812 (merged)
- Props will likely match fields of the SAST configuration entity type, excluding
options
, which isn't relevant fortext
/string
configuration entities. - The
description
field will be rendered via thelabel
slot on the existingGlFormInput
component. - Standard
v-model
bindings:{ prop: 'value', event: 'input' }
. - Event payload should be new
value
- Parent dynamic form container component would be responsible for feeding this event payload into some larger data structure, suitable for form submission
- Must have "Restore default" functionality as described in #228830 (closed). This can use the
helpText
prop on existingGlFormInput
component. - See #216635 (comment 371938012) for a discussion about description/help text positioning.
Edited by Mark Florian