Convert Admin / User / Edit screen to one column layout
Figma design file
Issue
See originating issue: https://gitlab.com/gitlab-org/gitlab/-/issues/327378
The user edit screen has a two columns layout. We propose to convert the page to a standard, one column, layout similar to other settings.
Follow-up: The Admin / User / User details
page has an appearance that does not really look like it fits into our standard Pajamas UI. Can we make this screen more user friendly. As well, the Edit
button takes users away from this screen to a completely different looking screen. Perhaps we can unify these experiences.
This issue will address the Edit
screen.
Edit user page |
---|
Proposal
Convert page to our standard format for displaying Settings.
Implementation plan
- Use
parseRailsFormFields
to pass the form fields to a Vue application - Use ee/app/assets/javascripts/security_configuration/corpus_management/components/corpus_upload_form.vue#L154 as an example of how to do the upload form.
- For the MVC the way the form submits won't change. It will still submit as a normal HTTP request
- The rest of the fields should be fairly easily rendered with
GlFormInput
,GlFormCheckbox
andGlFormRadio
Availability & Testing
Please run the package-and-qa
job to ensure all existing end-to-end tests are fine.