mirror of https://github.com/zulip/zulip.git
120 lines
8.1 KiB
Handlebars
120 lines
8.1 KiB
Handlebars
<tr id="recent_conversation:{{conversation_key}}" class="{{#if unread_count}}unread_topic{{/if}} {{#if is_private}}private_conversation_row{{/if}}">
|
|
<td class="recent_topic_stream">
|
|
<div class="flex_container flex_container_pm">
|
|
<div class="left_part recent_topics_focusable">
|
|
{{#if is_private}}
|
|
<span class="fa fa-envelope"></span>
|
|
<a href="{{pm_url}}">Direct messages</a>
|
|
{{else}}
|
|
<span class="stream-privacy-original-color-{{stream_id}} stream-privacy filter-icon" style="color: {{stream_color}}">
|
|
{{> stream_privacy }}
|
|
</span>
|
|
<a href="{{topic_url}}">{{stream_name}}</a>
|
|
{{/if}}
|
|
</div>
|
|
{{!-- For presence/group indicator --}}
|
|
{{#if is_private}}
|
|
<div class="right_part">
|
|
<span class="pm_status_icon {{#unless is_group}}show-tooltip{{/unless}}" data-tippy-placement="top" data-user-ids-string="{{user_ids_string}}">
|
|
{{#if is_group}}
|
|
<span class="fa fa-group"></span>
|
|
{{else if is_bot}}
|
|
<span class="zulip-icon zulip-icon-bot" aria-hidden="true"></span>
|
|
{{else}}
|
|
<span class="{{user_circle_class}} user_circle"></span>
|
|
{{/if}}
|
|
</span>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
</td>
|
|
<td class="recent_topic_name">
|
|
<div class="flex_container">
|
|
<div class="left_part recent_topics_focusable line_clamp">
|
|
{{#if is_private}}
|
|
<a href="{{pm_url}}">{{{rendered_pm_with}}}</a>
|
|
{{else}}
|
|
<a href="{{topic_url}}">{{topic}}</a>
|
|
{{/if}}
|
|
</div>
|
|
<div class="right_part">
|
|
{{#if is_private}}
|
|
<div class="recent_topic_actions">
|
|
<div class="recent_topics_focusable">
|
|
<span class="unread_count unread_count_pm {{#unless unread_count}}unread_hidden{{/unless}} tippy-zulip-tooltip on_hover_topic_read" data-user-ids-string="{{user_ids_string}}" data-tippy-content="{{t 'Mark as read' }}" role="button" tabindex="0" aria-label="{{t 'Mark as read' }}">{{unread_count}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="recent_topic_actions dummy_action_button">
|
|
<div class="recent_topics_focusable">
|
|
{{!-- Invisible icon, used only for alignment of unread count. --}}
|
|
<i class="zulip-icon zulip-icon-mute on_hover_topic_unmute recipient_bar_icon"></i>
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<span class="unread_mention_info {{#unless mention_in_unread}}unread_hidden{{/unless}}">@</span>
|
|
<div class="recent_topic_actions">
|
|
<div class="recent_topics_focusable hidden-for-spectators">
|
|
<span class="unread_count {{#unless unread_count}}unread_hidden{{/unless}} tippy-zulip-tooltip on_hover_topic_read" data-stream-id="{{stream_id}}" data-topic-name="{{topic}}" data-tippy-content="{{t 'Mark as read' }}" role="button" tabindex="0" aria-label="{{t 'Mark as read' }}">{{unread_count}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="recent_topic_actions">
|
|
<div class="recent_topics_focusable hidden-for-spectators">
|
|
{{#if development}}
|
|
<span class="change_visibility_policy hidden-for-spectators" data-stream-id="{{stream_id}}" data-topic-name="{{topic}}">
|
|
{{#if (eq visibility_policy all_visibility_policies.FOLLOWED)}}
|
|
<i class="zulip-icon zulip-icon-follow recipient_bar_icon" data-tippy-content="{{t 'You follow this topic'}}"
|
|
role="button" tabindex="0" aria-haspopup="true" aria-label="{{t 'You follow this topic' }}"></i>
|
|
{{else if (eq visibility_policy all_visibility_policies.UNMUTED)}}
|
|
<i class="zulip-icon zulip-icon-unmute-new recipient_bar_icon" data-tippy-content="{{t 'You have unmuted this topic'}}"
|
|
role="button" tabindex="0" aria-haspopup="true" aria-label="{{t 'You have unmuted this topic' }}"></i>
|
|
{{else if (eq visibility_policy all_visibility_policies.MUTED)}}
|
|
<i class="zulip-icon zulip-icon-mute-new recipient_bar_icon" data-tippy-content="{{t 'You have muted this topic'}}"
|
|
role="button" tabindex="0" aria-haspopup="true" aria-label="{{t 'You have muted this topic' }}"></i>
|
|
{{else}}
|
|
<i class="zulip-icon zulip-icon-inherit recipient_bar_icon" data-tippy-content="{{t 'You will get default notifications for this topic'}}"
|
|
role="button" tabindex="0" aria-haspopup="true" aria-label="{{t 'You will get default notifications for this topic' }}"></i>
|
|
{{/if}}
|
|
</span>
|
|
{{else}}
|
|
{{#if stream_muted}}
|
|
<i class="zulip-icon zulip-icon-unmute stream_muted {{#if topic_unmuted}}on_hover_topic_mute {{else}}on_hover_topic_unmute {{/if}} recipient_bar_icon tippy-zulip-tooltip" data-stream-id="{{stream_id}}" data-topic-name="{{topic}}" role="button" tabindex="0"
|
|
{{#if topic_unmuted}} data-tippy-content="{{t 'Mute topic' }}" aria-label="{{t 'Mute topic' }}" {{else}} data-tippy-content="{{t 'Unmute topic' }}" aria-label="{{t 'Unmute topic' }}" {{/if}} data-tippy-trigger="mouseenter"></i>
|
|
{{else}}
|
|
<i class="zulip-icon zulip-icon-mute stream_unmuted {{#if topic_muted}}on_hover_topic_unmute {{else}}on_hover_topic_mute {{/if}} recipient_bar_icon tippy-zulip-tooltip" data-stream-id="{{stream_id}}" data-topic-name="{{topic}}" role="button" tabindex="0"
|
|
{{#if topic_muted}} data-tippy-content="{{t 'Unmute topic' }}" aria-label="{{t 'Unmute topic' }}" {{else}} data-tippy-content="{{t 'Mute topic' }}" aria-label="{{t 'Mute topic' }}" {{/if}} data-tippy-trigger="mouseenter"></i>
|
|
{{/if}}
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class='recent_topic_users'>
|
|
<ul class="recent_topics_participants">
|
|
{{#if other_senders_count}}
|
|
<li class="recent_topics_participant_item tippy-zulip-tooltip" data-tooltip-template-id="recent_topics_participant_overflow_tooltip:{{conversation_key}}">
|
|
<span class="recent_topics_participant_overflow">+{{other_senders_count}}</span>
|
|
</li>
|
|
<template id="recent_topics_participant_overflow_tooltip:{{conversation_key}}">{{{other_sender_names_html}}}</template>
|
|
{{/if}}
|
|
{{#each senders}}
|
|
{{#if this.is_muted}}
|
|
<li class="recent_topics_participant_item participant_profile tippy-zulip-tooltip" data-tippy-content="{{t 'Muted user'}}" data-user-id="{{this.user_id}}">
|
|
<span><i class="fa fa-user recent_topics_participant_overflow"></i></span>
|
|
</li>
|
|
{{else}}
|
|
<li class="recent_topics_participant_item participant_profile tippy-zulip-tooltip" data-tippy-content="{{this.full_name}}" data-user-id="{{this.user_id}}">
|
|
<img src="{{this.avatar_url_small}}" class="recent_topics_participant_avatar" />
|
|
</li>
|
|
{{/if}}
|
|
{{/each}}
|
|
</ul>
|
|
</td>
|
|
<td class="recent_topic_timestamp">
|
|
<div class="last_msg_time tippy-zulip-tooltip" data-tippy-content="{{this.full_last_msg_date_time}}">
|
|
<a href="{{last_msg_url}}">{{ last_msg_time }}</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|