UI/UX updates on admin app Users page

[amandacilek-zz]

Assumes text updates in issue #5386

Main page

• [ ] For “Place” and “Contact” columns, display the actual names of the places/contacts instead of just a checkmark.
• [ ] Suggest removing the "Full name" column from the main table, as this field doesn't seem to be in use very often. Gareth suggests "We could append it to the username when provided so you see "admin (Gareth)" for disambiguation?"
• [ ] It is not intuitive that clicking on a row will allow you to edit. On hover, display an “Edit” button on the right side of the row where “Delete” is now. Keep the whole row as the click target.
• [ ] The Edit button should be 30px tall by 60px wide, and the text should be our standard 16pt size.
• [ ] Move the delete button from the main page to the edit user pop up window.
• [ ] Paginate the table contents, copying the pagination styling from the outgoing messages page. Gareth says "maybe 100 users per page"

Like this:

Add/edit user pop up window

• [ ] When setting place and associated contact, the inset layout and numbering before the names in the dropdown is confusing e.g. “1. XYZ, 2. ABC”. Can this just use our familiar breadcrumbs pattern instead?
• [ ] When setting the associated contact, the contacts that appear in the list should belong to (be restricted to) the place that you’ve already selected.

[SCdF]

Apologies if this is dealt with in another ticket, but we should also paginate this page. If you go onto a partner that has a reasonable number of users this page is really hard to use and takes a very long time to load.

We could even consider having a filter search bar at the top where you can type a name and have it live-return filtered results back. Due to CouchDB being CouchDB it's hard to do much more than filtering by username, full name and maybe phone number (I forget where that is stored), but it's better than nothing.

[dianabarsan]

@SCdF depends on which phone number you'd wanna filter by. There is a phone field in the user form which is saved in the user-settings doc, but there is also a phone field in the contact doc that is associated to the user.

Since we're suggesting things, I particularly like alphabetical pagination :)

[amandacilek-zz]

I agree about the pagination and have added that to the list above, thanks Stefan. I suppose let's save the filter/search functionality for now. I have other pages I'd like similar functionality, and I've put some larger requests like that in a separate backlog.