user_profile: Add deactivated user indicator in the profile header.

Fixes: #26861
This commit is contained in:
Vector73 2023-10-26 10:27:18 +05:30 committed by Tim Abbott
parent f8f741c4a2
commit 4a4b8dff99
3 changed files with 15 additions and 3 deletions

View File

@ -352,6 +352,7 @@ export function show_user_profile(user, default_tab_key = "profile-tab") {
!people.is_my_user_id(user.user_id);
const args = {
user_id: user.user_id,
is_active: people.is_person_active(user.user_id),
full_name: user.full_name,
email: user.delivery_email,
profile_data,

View File

@ -510,6 +510,11 @@ ul {
font-size: 18px;
}
.deactivated-user-icon {
margin: -1px;
vertical-align: middle;
}
.user_profile_name {
margin: 0 10px;
}

View File

@ -3,9 +3,15 @@
<div class="modal__container new-style" role="dialog" aria-modal="true" aria-labelledby="dialog_title">
<div class="modal__header">
{{#unless is_bot}}
<div class="tippy-zulip-tooltip" data-tippy-content="{{last_seen}}">
<span class="{{user_circle_class}} user_circle user_profile_presence"></span>
</div>
{{#if is_active}}
<div class="tippy-zulip-tooltip" data-tippy-content="{{last_seen}}">
<span class="{{user_circle_class}} user_circle user_profile_presence"></span>
</div>
{{else}}
<div>
<i class="fa fa-ban deactivated-user-icon tippy-zulip-tooltip" data-tippy-content="Deactivated user"></i>
</div>
{{/if}}
{{/unless}}
<h1 class="modal__title user_profile_name_heading" id="name">
{{#if is_bot}}