Personal info settings reorganization #57008
Description
Similar to #55667 for apps, personal and admin settings should additionally use the newly introduced components and be reorganized in-line with #54261.
I will post mockups for all of the panels, starting with Personal info:
First, the panel should be split in two:
- Profile & contact
- Language & locale
Profile & contact should keep the same icon as Personal info, Language & locale should have a globe (eg. the language Material Symbol).
We could additionally have a direct shortcut to Language & locale, in the "main menu", similar to Appearance and accessibility to make it easier for someone to change the settings if they don't understand what is going on because they do not speak the language.
Profile & contact
Most of this should be pretty self-explanatory, but there are a couple of notable behavioral changes:
Profile preview
Instead of showing the user's organization, the preview should show their status message, like in the mockup above. Stylistically, instead of a shadow, it should have a border which looks more similar to buttons, as shown in the mockup.
The preview should not be greyed-out when disabled as it is used to preview the profile picture.
Profile picture
Editing of the profile picture should now be done in an additional dialog instead of inline as only the Profile preview is used to show the image instead of duplicating the info.
The button to open the visibility settings for the profile picture is now next to the buttons to edit it.
Placeholder text
Placeholder text has been removed from a lot of fields where it was redundant, eg. "Phone number", "Your phone number".
Pronouns
The current logic of showing she/her, he/him, and they/them randomly in the placeholder of the pronouns field is very cute, but I'm also sure it is a localization nightmare and that it is probably unnecessary. I'm not sure who introduced this easter egg (@skjnldsv according to the blame), but I'd be happy to get rid of it in favor of just showing they/them if nobody objects. It's fine if someone really wants to keep it though :)
Visibility & Scope
Instead of having a set of additional selections at the bottom for visibility, if the user has "Nextcloud profile" enabled, the simple privacy selection should become a popover with the following contents:
The visibility settings should gain icons: An eye for "Show to everyone", an arrow going into a box for "Show to logged-in accounts only" and a crossed-out eye for "Hide".
When "Nextcloud profile" is disabled, the current behavior (or similar) of showing only the scope settings can be kept.
Email addresses
When adding an email address, when it is not confirmed, " (confirmation sent)" should be appended to the title. This makes it more clear to the user that they need to act to confirm it.
Teams
What teams the user is part of should show up next to groups, as per #50636.
Language & locale
Example
The example has been simplified to not show duplicate info.
I would also like to sneak in a small bug report: When testing, it seems the first entry of the "First day of week" selection always shows the currently selected option. So if I select Thursday and then open the selection, it shows "Derived from your locale (Thursday)", which is incorrect as it should say (Monday).
If you have any questions or doubts, please ask :)
(Finally managed to make image uploads work again on the vibecoded mess that is GitHub.)