New Users UI

[konzz]

@juanmnl

[juanmnl]

This layout comes with 2 main components, one that we already have: the table, and one that's going to be widely used across the app: the drawer.

There's also 2 new behaviors added: 1) the inset tabbed-navigation, used to switch around the table of users and the one of groups, and 2) the multi-check dropdown/up to add values to a group.

There's also a first, very simple empty state for the groups table –as there's always going to be at least one user–.

1. Users list

1.1 New user

1.2 View/Edit user

1.3 Add group(s) to user

1.4 Delete User(s)

2. Groups list - empty

2.2 New group

2.3 Groups list

2.4 Add members to group

(This prototype is changing a lot as I intend to make a single one for all the settings, so if it doesn't work, please contact me : ))
PROTOYPE

[juanmnl]

Adding a reset 2FA to the dynamic actions bar and the drawer, and removing buttons supporting text.

[konzz]

@Zasa-san hey after speaking with Txau, we agreed to add a button to "Unlock" an account when it gets locked after some password attempts

[juanmnl]

Update: Adding the helper modal for user roles.

This adds our first modal with a table inside, I know there's a bit of a redundancy with the close on the top and the close on the bottom, but let's keep'em for the moment, just as a single pattern for modals.

When the user clicks on the helper icon (?) besides the "User Role" label the following modal will display:

Full content

Modal with scroll body and pop-up on hover