GitLab Migration - Bulk import all groups on the page

Problem to solve

Currently, the user is able to migrate a single import. This is a problem if the user wants to migrate 500 groups or their entire organization. We can't expect the user to select Import for every single row because that would significantly increase the time it takes.

Intended users

• Delaney (Development Team Lead)
• Sidney (Systems Administrator)

User experience goal

Create a bulk migration action to allow the user to import more than one group at a time, and this will be an interim step to our bulk migration future vision.

Proposal

Implement an Import all action (button) to trigger the migration of all the groups visible on the page.

• xx represents the number of groups is available to migrate.
• CTA would be disabled if no groups are shown <gl-button disabled>Disabled</gl-button>
• CTA would be clickable as long as there are groups available for import.
• Clicking the button would be equivalent to clicking all the individual Import buttons on that page.
• If an individual import is triggered, the xx would be updated.
• If an individual group import is in progress, that group is no longer included in Import all.
• If an individual group has been successfully imported, that group is no longer included in Import all.
• While the validation for any group is not satisfied, the bulk Import all button is disabled.

MVC

Out of scope

• This solution does not implement the ability to import more groups that are visible on the page - this will be a separate issue. - TBD
• This solution does not afford the ability to select only some of the groups. It always imports all available groups on that page. The ability to select multiple individual groups for bulk import is in this issue - #267953 (closed)
• This solution still only shows the top-level groups from the source instance. Subgroups are not available for individual import. The ability to select subgroups is in this issue - #267952

→ Figma design file