[FE] Custom and default role detail view

From &14173

UX Proposal

Original Design issue: [Design] View role and their assigned users (#455078 - closed)

Current New
Role detail lives in table

From role overview table, click role name to view details and users assigned separated by tabbed divider

  • Header includes role name, role type, who created role and when role is created
  • Action buttons includes edit and delete actions
  • Role details are sectioned between General and Permissions. General includes ID, role type, and Description. Permission includes base role and custom permissions
  • List out permissions that have been added and not added, summarize x of # of permissions added
  • Add badge for permissions that are inherited from base role, Inherited from [default role]. This has been broken off into a separate issue: #475125 (closed)
  • Edit button takes user to existing edit role page
  • Custom role detail and users are only available for Ultimate customers (SaaS and Self-Managed)

Custom Role Detail.png

No default role detail
  • From role overview table, click default role name to view details and users assigned separated by tabbed divider
  • Default role's permission links out to documentation
  • Remove action buttons
  • Default role description will come from Description for default roles (#456522 - closed)
  • Default role detail and users assigned are available for Ultimate and Premium (SaaS and Self-Managed)

Default role detail.png

Edit and delete function lives only on role overview table

Add edit and delete function in the role detail page with icon button

  • Add tooltip on hover over icon buttons
  • Update copy disabled delete button to: To delete custom role, remove role from all users
  • In current modal, remove sentence that warns admin/group owner to make sure no group member has this role, this will never be the case since we disable delete button if users are assigned.

Action buttons.png

Edited by Daniel Tian