mirror of
https://github.com/zulip/zulip.git
synced 2025-10-22 20:42:14 +00:00
e10f1ef260
This commit renames classes used for edit pencil button in the profile modal header so that class names are clear enough to specify what the buttons do. This rename is needed because admins can now see "Edit profile" tab, i.e. the "Manage user" tab for other users, in their own profile modal. Co-Authored-by: Aman Vishwakarma <vishwakarmarambhawan572@gmail.com>
186 lines
12 KiB
Handlebars
186 lines
12 KiB
Handlebars
<div class="micromodal" id="user-profile-modal" data-user-id="{{user_id}}" aria-hidden="true">
|
|
<div class="modal__overlay" tabindex="-1">
|
|
<div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="dialog_title">
|
|
<div class="modal__header">
|
|
<h1 class="modal__title user-profile-name-heading" id="name">
|
|
{{#unless is_bot}}
|
|
{{#if is_active}}
|
|
<span class="tippy-zulip-tooltip user-status-icon-wrapper" data-tippy-content="{{last_seen}}">
|
|
<span class="zulip-icon zulip-icon-{{user_circle_class}} {{user_circle_class}} user-circle user_profile_presence" data-presence-indicator-user-id="{{user_id}}"></span>
|
|
</span>
|
|
{{else}}
|
|
<span>
|
|
<i class="fa fa-ban deactivated-user-icon tippy-zulip-tooltip" data-tippy-content="Deactivated user"></i>
|
|
</span>
|
|
{{/if}}
|
|
{{/unless}}
|
|
{{#if is_bot}}
|
|
<i class="zulip-icon zulip-icon-bot" aria-hidden="true"></i>
|
|
{{/if}}
|
|
<span class="user-profile-name">{{> user_full_name name=full_name}}</span>
|
|
<span class="user-profile-header-actions">
|
|
{{> components/icon_button custom_classes="copy-link-to-user-profile tippy-zulip-delayed-tooltip" icon="link-alt" intent="neutral" data-tippy-content=(t "Copy link to profile") aria-label=(t "Copy link to profile") }}
|
|
{{#if is_me}}
|
|
{{#if can_manage_profile}}
|
|
{{> components/icon_button custom_classes="user-profile-update-user-tab-button tippy-zulip-delayed-tooltip" icon="edit" intent="neutral" data-tippy-content=(t "Edit profile") aria-label=(t "Edit profile") }}
|
|
{{else}}
|
|
{{> components/icon_button custom_classes="user-profile-profile-settings-button tippy-zulip-delayed-tooltip" icon="edit" intent="neutral" data-tippy-content=(t "Edit profile") aria-label=(t "Edit profile") }}
|
|
{{/if}}
|
|
{{else if can_manage_profile}}
|
|
{{#if is_bot}}
|
|
{{> components/icon_button custom_classes="user-profile-update-user-tab-button tippy-zulip-delayed-tooltip" icon="edit" intent="neutral" data-tippy-content=(t "Manage bot") aria-label=(t "Manage bot") }}
|
|
{{else}}
|
|
{{> components/icon_button custom_classes="user-profile-update-user-tab-button tippy-zulip-delayed-tooltip" icon="edit" intent="neutral" data-tippy-content=(t "Manage user") aria-label=(t 'Manage user') }}
|
|
{{/if}}
|
|
{{/if}}
|
|
</span>
|
|
</h1>
|
|
<button class="modal__close" aria-label="{{t 'Close modal' }}" data-micromodal-close></button>
|
|
</div>
|
|
<div id="tab-toggle"></div>
|
|
<main class="modal__body" id="body" data-simplebar data-simplebar-tab-index="-1" data-simplebar-auto-hide="false">
|
|
<div class="tab-data">
|
|
<div class="tabcontent active" id="profile-tab">
|
|
<div class="top">
|
|
<div class="col-wrap col-left">
|
|
<div id="default-section">
|
|
{{#if email}}
|
|
<div id="email" class="default-field">
|
|
<div class="name">{{t "Email" }}</div>
|
|
<div class="value">{{email}}</div>
|
|
</div>
|
|
{{/if}}
|
|
<div id="user-id" class="default-field">
|
|
<div class="name">{{t "User ID" }}</div>
|
|
<div class="value">{{user_id}}</div>
|
|
</div>
|
|
<div id="user-type" class="default-field">
|
|
<div class="name">{{t "Role" }}</div>
|
|
{{#if is_bot}}
|
|
{{#if is_system_bot}}
|
|
<div class="value">{{t "System bot" }}</div>
|
|
{{else}}
|
|
<div class="value">{{t "Bot" }}
|
|
<span class="lowercase">({{user_type}})</span>
|
|
</div>
|
|
{{/if}}
|
|
{{else}}
|
|
<div class="value">{{user_type}}</div>
|
|
{{/if}}
|
|
</div>
|
|
<div id="date-joined" class="default-field">
|
|
<div class="name">{{t "Joined" }}</div>
|
|
<div class="value">{{date_joined}}</div>
|
|
</div>
|
|
{{#if user_time}}
|
|
<div class="default-field">
|
|
<div class="name">{{t "Local time" }}</div>
|
|
<div class="value">{{user_time}}</div>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
<div class="col-wrap col-right">
|
|
<div id="avatar" {{#if user_is_guest}} class="guest-avatar" {{/if}}
|
|
style="background-image: url('{{user_avatar}}');">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div id="content">
|
|
{{#if is_bot}}
|
|
<div class="field-section">
|
|
<div class="name">{{t "Bot type" }}</div>
|
|
<div class="bot_info_value">{{bot_type}}</div>
|
|
</div>
|
|
{{#if bot_owner}}
|
|
<div class="field-section bot_owner_user_field" data-field-id="{{bot_owner.user_id}}">
|
|
<div class="name">{{t "Owner" }}</div>
|
|
<div class="pill-container not-editable">
|
|
<div class="input" contenteditable="false" style="display: none;"></div>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
{{else}}
|
|
{{> user_custom_profile_fields profile_fields=profile_data}}
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tabcontent" id="user-profile-streams-tab">
|
|
<div class="alert stream_list_info"></div>
|
|
{{#if show_user_subscribe_widget}}
|
|
<div class="header-section">
|
|
<h3 class="stream-tab-element-header">{{t 'Subscribe {full_name} to channels'}}</h3>
|
|
</div>
|
|
{{> user_profile_subscribe_widget}}
|
|
{{/if}}
|
|
<div class="stream-list-top-section">
|
|
<div class="header-section">
|
|
<h3 class="stream-tab-element-header">{{t 'Subscribed channels' }}</h3>
|
|
</div>
|
|
<div class="stream-search-container">
|
|
<input type="text" class="stream-search modal_text_input" placeholder="{{t 'Filter' }}" />
|
|
<button type="button" class="clear_search_button" id="clear_stream_search">
|
|
<i class="zulip-icon zulip-icon-close" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="subscription-stream-list empty-list">
|
|
<table class="user-stream-list" data-empty="{{t 'No channel subscriptions.'}}" data-search-results-empty="{{t 'No matching channels' }}"></table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tabcontent" id="user-profile-groups-tab">
|
|
<div class="alert user-profile-group-list-alert"></div>
|
|
{{#if show_user_group_container}}
|
|
<div class="header-section">
|
|
<h3 class="group-tab-element-header">{{t 'Add {full_name} to groups'}}</h3>
|
|
</div>
|
|
<div id="groups-to-add" class="add-button-container">
|
|
<div id="user-group-to-add">
|
|
<div class="add-user-group-container">
|
|
<div class="pill-container">
|
|
<div class="input" contenteditable="true"
|
|
data-placeholder="{{t 'Add user groups' }}">
|
|
{{~! Squash whitespace so that placeholder is displayed when empty. ~}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{> components/action_button label=(t "Add") custom_classes="add-groups-button" attention="quiet" intent="brand" aria-label=(t "Add") }}
|
|
</div>
|
|
{{/if}}
|
|
<div class="group-list-top-section">
|
|
<div class="header-section">
|
|
<h3 class="group-tab-element-header">{{t 'Group membership' }}</h3>
|
|
</div>
|
|
<div class="group-search-container">
|
|
<input type="text" class="group-search modal_text_input" placeholder="{{t 'Filter' }}" />
|
|
<button type="button" class="clear_search_button" id="clear_groups_search">
|
|
<i class="zulip-icon zulip-icon-close" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="subscription-group-list empty-list">
|
|
<table class="user-group-list" data-empty="{{t 'Not a member of any groups.'}}" data-search-results-empty="{{t 'No matching user groups' }}"></table>
|
|
</div>
|
|
</div>
|
|
<div class="tabcontent" id="manage-profile-tab"></div>
|
|
</div>
|
|
</main>
|
|
<div class="manage-profile-tab-footer">
|
|
<footer class="modal__footer">
|
|
<div class="save-success"></div>
|
|
<button type="button" class="modal__button dialog_exit_button" aria-label="{{t 'Close this dialog window' }}" data-micromodal-close>{{t "Cancel" }}</button>
|
|
<button type="button" class="modal__button dialog_submit_button">
|
|
<span class="submit-button-text">{{t "Save changes"}}</span>
|
|
<span class="modal__spinner"></span>
|
|
</button>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|