Geo Sites Form - Migrate Shards Dropdown
What does this MR do and why?
Closes #418102 (closed)
Very similar to !133766 (merged)
This change migrates the GlDropodown found in ee/app/assets/javascripts/geo_site_form/components/geo_site_form_shards.vue over to GlCollapsibleListbox as part of the Pajamas Migration Epic.
This change aims to add as little visual or functional changes as possible.
With the migration of both !133766 (merged) and this MR we can remove the manual adding and removing of array options that was previously used with GlDropdown since the @selected event passes the entire array each time it is fired.
Screenshots or screen recordings
| Before | After |
|---|---|
| Before | After |
How to set up and validate locally
- Fetch and checkout this branch
- Setup Geo by following the 1-line installation in the Easy Installation section (How to setup Geo)
- Access your Primary GDK UI
- Navigate to the Geo Sites Page (ex.
http://127.0.0.1:3000/admin/geo/sites) - Click the Add site button in the top right
- Click the Selective synchronization dropdown and choose "Projects in certain storage shards"
- In the following dropdown, ensure you can select multiple items, deselect items, and ultimately save
- Once saved ensure the Site Card says Selective (shards)
- Edit the site
- Ensure the selected items are retained and can be updated
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #418102 (closed)