popovers: Rename "profile summary" to "user card".

This is a briefer and more intuitive name for this frequently accessed
part of the Zulip UI.
This commit is contained in:
Lauryn Menard 2022-11-14 18:00:29 +01:00 committed by Tim Abbott
parent a09014f1de
commit 48e2482bbd
23 changed files with 49 additions and 46 deletions

View File

@ -59,7 +59,7 @@ export function field_type_id_to_string(type_id) {
return undefined; return undefined;
} }
// Checking custom profile field type is valid for showing display in profile summary checkbox field. // Checking custom profile field type is valid for showing display on user card checkbox field.
function is_valid_to_display_in_summary(field_type) { function is_valid_to_display_in_summary(field_type) {
if (field_type === field_types.LONG_TEXT.id || field_type === field_types.USER.id) { if (field_type === field_types.LONG_TEXT.id || field_type === field_types.USER.id) {
return false; return false;
@ -246,7 +246,7 @@ function set_up_create_field_form() {
$("#profile_field_hint").val(default_hint); $("#profile_field_hint").val(default_hint);
} }
// Not showing "display in profile summary" option for long text/user profile field. // Not showing "display on user card" option for long text/user profile field.
if (is_valid_to_display_in_summary(profile_field_type)) { if (is_valid_to_display_in_summary(profile_field_type)) {
$("#profile_field_display_in_profile_summary").closest(".input-group").show(); $("#profile_field_display_in_profile_summary").closest(".input-group").show();
const check_display_in_profile_summary_by_default = const check_display_in_profile_summary_by_default =
@ -310,8 +310,7 @@ function open_custom_profile_field_form_modal() {
clear_form_data(); clear_form_data();
// If we already have 2 custom profile fields configured to be // If we already have 2 custom profile fields configured to be
// displayed in the user profile summary, disable the input to // displayed on the user card, disable the input to change it.
// change it.
$("#add-new-custom-profile-field-form #profile_field_display_in_profile_summary").prop( $("#add-new-custom-profile-field-form #profile_field_display_in_profile_summary").prop(
"disabled", "disabled",
display_in_profile_summary_fields_limit_reached, display_in_profile_summary_fields_limit_reached,
@ -469,8 +468,8 @@ function open_edit_form_modal(e) {
function set_initial_values_of_profile_field() { function set_initial_values_of_profile_field() {
const $profile_field_form = $("#edit-custom-profile-field-form-" + field_id); const $profile_field_form = $("#edit-custom-profile-field-form-" + field_id);
// If its passes or equals the max limit we are disabling option for display custom profile field // If it exceeds or equals the max limit, we are disabling option for display custom
// in user profile summary and adding tooptip except already checked field. // profile field on user card and adding tooptip, unless the field is already checked.
if (display_in_profile_summary_fields_limit_reached && !field.display_in_profile_summary) { if (display_in_profile_summary_fields_limit_reached && !field.display_in_profile_summary) {
$profile_field_form $profile_field_form
.find("input[name=display_in_profile_summary]") .find("input[name=display_in_profile_summary]")
@ -565,8 +564,8 @@ function open_edit_form_modal(e) {
}); });
} }
// If passes or equals the max limit, we are disabling option for // If exceeds or equals the max limit, we are disabling option for
// display custom profile field in user profile summary and adding tooltip. // display custom profile field on user card and adding tooltip.
function update_profile_fields_checkboxes() { function update_profile_fields_checkboxes() {
// Disabling only uncheck checkboxes in table, so user should able uncheck checked checkboxes. // Disabling only uncheck checkboxes in table, so user should able uncheck checked checkboxes.
$("#admin_profile_fields_table .display_in_profile_summary_checkbox_false").prop( $("#admin_profile_fields_table .display_in_profile_summary_checkbox_false").prop(

View File

@ -386,7 +386,7 @@ export function initialize() {
"#add-new-custom-profile-field-form .display_in_profile_summary_tooltip", "#add-new-custom-profile-field-form .display_in_profile_summary_tooltip",
], ],
content: $t({ content: $t({
defaultMessage: "Only 2 custom profile fields can be displayed in the profile summary.", defaultMessage: "Only 2 custom profile fields can be displayed on the user card.",
}), }),
appendTo: () => document.body, appendTo: () => document.body,
onTrigger(instance) { onTrigger(instance) {

View File

@ -209,7 +209,7 @@
<td><span class="hotkey"><kbd class="arrow-key">←</kbd></span></td> <td><span class="hotkey"><kbd class="arrow-key">←</kbd></span></td>
</tr> </tr>
<tr> <tr>
<td class="definition">{{t "Show message sender's profile" }}</td> <td class="definition">{{t "Show message sender's user card" }}</td>
<td><span class="hotkey"><kbd>U</kbd></span></td> <td><span class="hotkey"><kbd>U</kbd></span></td>
</tr> </tr>
<tr> <tr>

View File

@ -1,13 +1,13 @@
<span class="message_sender no-select"> <span class="message_sender no-select">
<span class="sender_info_hover"> <span class="sender_info_hover">
<span title="{{t 'View user profile' }} (u)"> <span title="{{t 'View user card' }} (u)">
{{> message_avatar}} {{> message_avatar}}
</span> </span>
</span> </span>
<span class="sender-status"> <span class="sender-status">
<span class="sender_info_hover sender_name-in-status auto-select" role="button" tabindex="0"> <span class="sender_info_hover sender_name-in-status auto-select" role="button" tabindex="0">
<span title="{{t 'View user profile' }} (u)" > <span title="{{t 'View user card' }} (u)" >
{{msg/sender_full_name}} {{msg/sender_full_name}}
</span> </span>
</span> </span>

View File

@ -2,7 +2,7 @@
{{#unless status_message}} {{#unless status_message}}
<span class="message_sender sender_info_hover no-select"> <span class="message_sender sender_info_hover no-select">
{{#if include_sender}} {{#if include_sender}}
<span title="{{t 'View user profile' }} (u)"> <span title="{{t 'View user card' }} (u)">
{{> message_avatar ~}} {{> message_avatar ~}}
<span class="sender_name auto-select" role="button" tabindex="0">{{msg/sender_full_name}}{{> status_emoji msg/status_emoji_info}}</span> <span class="sender_name auto-select" role="button" tabindex="0">{{msg/sender_full_name}}{{> status_emoji msg/status_emoji_info}}</span>
{{#if sender_is_bot}} {{#if sender_is_bot}}

View File

@ -40,7 +40,7 @@
<label class="checkbox profile_field_display_label" for="profile_field_display_in_profile_summary"> <label class="checkbox profile_field_display_label" for="profile_field_display_in_profile_summary">
<input type="checkbox" id="profile_field_display_in_profile_summary" name="display_in_profile_summary"/> <input type="checkbox" id="profile_field_display_in_profile_summary" name="display_in_profile_summary"/>
<span></span> <span></span>
{{t 'Display in profile summary' }} {{t 'Display on user card' }}
</label> </label>
</div> </div>
</div> </div>

View File

@ -41,7 +41,7 @@
<label class="checkbox edit_profile_field_display_label" for="edit_display_in_profile_summary_{{id}}"> <label class="checkbox edit_profile_field_display_label" for="edit_display_in_profile_summary_{{id}}">
<input class="edit_display_in_profile_summary" type="checkbox" id="edit_display_in_profile_summary_{{id}}" name="display_in_profile_summary" {{#if display_in_profile_summary}} checked="checked" {{/if}}/> <input class="edit_display_in_profile_summary" type="checkbox" id="edit_display_in_profile_summary_{{id}}" name="display_in_profile_summary" {{#if display_in_profile_summary}} checked="checked" {{/if}}/>
<span></span> <span></span>
{{t 'Display in profile summary' }} {{t 'Display on user card' }}
</label> </label>
</div> </div>
{{/if}} {{/if}}

View File

@ -13,7 +13,7 @@
<th>{{t "Hint" }}</th> <th>{{t "Hint" }}</th>
<th>{{t "Type" }}</th> <th>{{t "Type" }}</th>
{{#if is_admin}} {{#if is_admin}}
<th class="display">{{t "Summary"}}</th> <th class="display">{{t "Card"}}</th>
<th class="actions">{{t "Actions" }}</th> <th class="actions">{{t "Actions" }}</th>
{{/if}} {{/if}}
</tbody> </tbody>

View File

@ -56,13 +56,13 @@ There are several different types of fields available.
* **Person picker**: For selecting one or more users, like "Manager" or * **Person picker**: For selecting one or more users, like "Manager" or
"Direct reports". "Direct reports".
## Display custom fields in user profile summaries ## Display custom fields on user card
Organizations may find it useful to display additional fields in a user's Organizations may find it useful to display additional fields on the
profile summary, such as pronouns, GitHub username, job title, team, etc. user card, such as pronouns, GitHub username, job title, team, etc.
All field types other than "Long text" or "Person" have a checkbox option All field types other than "Long text" or "Person" have a checkbox option
that controls whether to display a custom field in a user's profile summary. that controls whether to display a custom field on the user card.
There's a limit to the number of custom profile fields that can be displayed There's a limit to the number of custom profile fields that can be displayed
at a time. If the maximum number of fields is already selected, all unselected at a time. If the maximum number of fields is already selected, all unselected
checkboxes will be disabled. checkboxes will be disabled.
@ -74,14 +74,14 @@ checkboxes will be disabled.
1. In the **Actions** column, click the **pencil** (<i class="fa fa-pencil"></i>) 1. In the **Actions** column, click the **pencil** (<i class="fa fa-pencil"></i>)
icon for the profile field you want to edit. icon for the profile field you want to edit.
1. Toggle **Display in profile summary**. 1. Toggle **Display on user card**.
4. Click **Save changes**. 4. Click **Save changes**.
!!! tip "" !!! tip ""
You can also choose which custom profile fields will be displayed by toggling You can also choose which custom profile fields will be displayed by toggling
the checkboxes in the **Summary** column of the **Custom profile fields** table. the checkboxes in the **Card** column of the **Custom profile fields** table.
{end_tabs} {end_tabs}

View File

@ -1,3 +1,3 @@
{!profile-summary-three-dot-menu.md!} {!user-card-three-dot-menu.md!}
1. Click **Manage this user**. 1. Click **Manage this user**.

View File

@ -1,4 +0,0 @@
{!right-sidebar-profile-menu.md!}
1. Click on the **ellipsis** (<i class="zulip-icon zulip-icon-ellipsis-v-solid"></i>)
in the user's profile summary.

View File

@ -1,4 +1,4 @@
1. Hover over a user's name in the right sidebar. 1. Hover over a user's name in the right sidebar.
1. Click on the **ellipsis** (<i class="zulip-icon zulip-icon-ellipsis-v-solid"></i>) 1. Click on the **ellipsis** (<i class="zulip-icon zulip-icon-ellipsis-v-solid"></i>)
to the right of their name. to the right of their name to open their **user card**.

View File

@ -1,3 +1,3 @@
{!right-sidebar-profile-menu.md!} {!right-sidebar-user-card.md!}
1. Click **View full profile**. 1. Click **View full profile**.

View File

@ -1,3 +1,4 @@
1. Hover over your name in the right sidebar. 1. Hover over your name in the right sidebar.
1. Click on the **ellipsis** (<i class="zulip-icon zulip-icon-ellipsis-v-solid"></i>). 1. Click on the **ellipsis** (<i class="zulip-icon zulip-icon-ellipsis-v-solid"></i>)
to open your **user card**.

View File

@ -0,0 +1,3 @@
{!right-sidebar-user-card.md!}
1. Click on the **ellipsis** (<i class="zulip-icon zulip-icon-ellipsis-v-solid"></i>) in the user card.

View File

@ -139,7 +139,7 @@ below, and add more to your repertoire as needed.
### For a selected message (outlined in blue) ### For a selected message (outlined in blue)
* **Show sender's profile**: <kbd>U</kbd> * **Show message sender's user card**: <kbd>U</kbd>
* **View image**: <kbd>V</kbd> * **View image**: <kbd>V</kbd>

View File

@ -23,7 +23,7 @@ messages and alert words.
{start_tabs} {start_tabs}
{!right-sidebar-profile-menu.md!} {!right-sidebar-user-card.md!}
1. Select **Copy mention syntax** to add it to your clipboard. 1. Select **Copy mention syntax** to add it to your clipboard.
@ -35,7 +35,8 @@ messages and alert words.
{start_tabs} {start_tabs}
1. Click on a user's profile picture or name on a message they sent. 1. Click on a user's profile picture or name on a message they sent
to open their **user card**.
1. Select **Reply mentioning user** to start a reply to the conversation 1. Select **Reply mentioning user** to start a reply to the conversation
with a mention inserted into the compose box. with a mention inserted into the compose box.

View File

@ -51,7 +51,7 @@ have the following effects:
{start_tabs} {start_tabs}
{!profile-summary-three-dot-menu.md!} {!user-card-three-dot-menu.md!}
1. Click **Mute this user**. 1. Click **Mute this user**.
@ -60,7 +60,8 @@ have the following effects:
!!! Tip "" !!! Tip ""
You can also click on a user's profile picture or name on a You can also click on a user's profile picture or name on a
message they sent, and skip to step 3. message they sent to open their **user card**, and skip to
step 3.
{end_tabs} {end_tabs}

View File

@ -29,8 +29,9 @@ and do not appear in your list of streams.
!!! tip "" !!! tip ""
You can also click on any user in the right sidebar, or click on a You can also click on any user in the right sidebar to start composing
user's profile picture or name, and select **Send private message**. a private message to them. Or open their **user card** by clicking on
their profile picture or name, and select **Send private message**.
{tab|mobile} {tab|mobile}

View File

@ -23,7 +23,7 @@ You can set a status emoji, status message, or both.
{tab|desktop-web} {tab|desktop-web}
{!self-user-actions-menu.md!} {!self-user-card.md!}
1. Click **Set a status**. 1. Click **Set a status**.
@ -52,8 +52,8 @@ and compose box.
You can view status messages by hovering over your or anyone else's name in the You can view status messages by hovering over your or anyone else's name in the
left or right sidebar, or by clicking the user's name or avatar in the main left or right sidebar, or by clicking the user's name or avatar in the main
message feed. If someone hasn't set a message as part of their status, then no message feed to open their **user card**. If someone hasn't set a message as
status message will appear. part of their status, then no status message will appear.
## Availability ## Availability
@ -88,7 +88,7 @@ the UI will be frozen as the approximate time you enabled this setting.
{tab|desktop-web} {tab|desktop-web}
{!self-user-actions-menu.md!} {!self-user-card.md!}
1. To enable, you'll select **Go invisible**. 1. To enable, you'll select **Go invisible**.

View File

@ -7,7 +7,7 @@ including yourself.
{start_tabs} {start_tabs}
{!right-sidebar-profile-menu.md!} {!right-sidebar-user-card.md!}
1. Select **View messages sent** to view all messages sent by this user. 1. Select **View messages sent** to view all messages sent by this user.
@ -17,7 +17,7 @@ including yourself.
{start_tabs} {start_tabs}
{!self-user-actions-menu.md!} {!self-user-card.md!}
1. Select **View messages sent** to view all the messages you've sent. 1. Select **View messages sent** to view all the messages you've sent.
@ -33,7 +33,7 @@ including yourself.
{start_tabs} {start_tabs}
{!self-user-actions-menu.md!} {!self-user-card.md!}
1. Select **View messages with yourself** to view messages you sent to 1. Select **View messages with yourself** to view messages you sent to
yourself. yourself.

View File

@ -47,7 +47,8 @@ Additional tabs showing:
!!! Tip "" !!! Tip ""
You can also click on a user's profile picture or name on a You can also click on a user's profile picture or name on a
message they sent, and skip to the last step. message they sent to open their **user card**, and skip to
the last step.
{tab|mobile} {tab|mobile}

View File

@ -15593,7 +15593,7 @@ components:
display_in_profile_summary: display_in_profile_summary:
type: boolean type: boolean
description: | description: |
Whether the custom profile field, display or not in the user profile summary. Whether the custom profile field, display or not on the user card.
Currently it's value not allowed to be `true` of `Long text` and `Person picker` Currently it's value not allowed to be `true` of `Long text` and `Person picker`
[profile field types](/help/custom-profile-fields#profile-field-types). [profile field types](/help/custom-profile-fields#profile-field-types).