Frontend support for sharing groups with groups

Overview

https://gitlab.com/gitlab-org/gitlab-ce/issues/33054 covers the backend work for sharing groups with groups. While we have pre-existing UI we can lean on for most of the frontend work, we still may need some FE support to implement the new change.

The approach should add a tab to the group members page (groups/GROUP-NAME/-/group_members) and duplicate our configuration and styling on the project members page:

image

This issue can be closed when gitlab-ce#33054 is done.

Proposal

Invite member Invite group
invite-member invite-group

The UI for inviting a member to the group will also need to be adapted following the format used in project settings. The following changes will be necessary:

  • Change the page title: Group mMembers
  • Change the page description to: 'You can invite a new member or a group to group name'
  • Add tabs: 'Invite member' and 'Invite group'

Copy for 'Invite member' tab:

  • First field
    • Label: Select members to invite
    • Placeholder: Search for members to update or invite
  • Second field
    • Label: Choose a role permission
    • Default value: Guest
    • Help text: Read more about role permissions
  • Third field
    • Label: Access expiration date
    • Placeholder: Expiration date
  • Button
    • Label: Invite

Copy for 'Invite group' tab:

  • First field
    • Label: Select a group to invite
    • Placeholder: Search for a group
  • Second field
    • Label: Max access level
    • Default value: Guest
    • Help text: Read more about role permissions
  • Third field
    • Label: Access expiration date
    • Placeholder: Expiration date
  • Button
    • Label: Invite
Edited by Chris Peressini