[FE] Update role table with default role

From &14172 (closed)

UX Proposal

Current Updates

In roles and permissions page for Ultimate customers in SaaS and Self Managed

  • User sees a table with custom role, description, base and permission

In roles and permissions page for Ultimate customers in SaaS and Self Managed:

  • Table simplified to show role name, description and number of directly assigned users to the role
  • Update role table to include standard roles. Standard roles are listed first, then custom roles. See order in design.
  • Custom role badge indicates when a role is custom (similar to the pattern implemented in member page)
  • Add table summary for roles with # of custom and # of default roles (Remove shield badge, based on this discussion ( #455078 (comment 1961355756))
  • Description will come from this #456522 (comment 1960283425)
  • Direct user count:
    • Role: Count how many users have been directly assigned this role[X] on a group or project
      • X: Guest, Reporter, Developer, Maintainer, Owner
    • Custom Role: Count how many users have been directly assigned this role[X] on a group or project.
      • This exists today.
  • Assuming the export role button has been implemented, move primary action to create new role in line with this button (tracked in #466589 (closed))
  • Role name will click and link out to role detail as outlined in this epic View role details and assigned users (&14173)
  • Direct users assigned will click and link out to assigned users as outlined in this epic View role details and assigned users (&14173)

Ultimate_ Role Overview.png

For premium customers, roles and permissions page is not visible

This has been broken off into a separate issue: #475123 (closed)

Roles and permissions page will now be visible to premium customers and will include only default roles, background on tiering discussion can be found here Tier Discussion: View roles and assigned users (#466579 - closed):

Premium_ Role Overview.png

Action button exists for all custom roles to edit and delete role

Screenshot 2024-06-20 at 3.22.21 PM.png

With the inclusion of default roles and removal of ID from the table, action buttons updated to include the following for:

Custom roles

Screenshot 2024-06-20 at 3.23.57 PM.png

Default roles

Screenshot 2024-06-21 at 9.01.55 AM.png

Edited by Daniel Tian