mirror of https://github.com/zulip/zulip.git
79 lines
3.4 KiB
HTML
79 lines
3.4 KiB
HTML
{{! Client-side Mustache template for rendering messages.}}
|
|
|
|
{{! Because we use table-layout: fixed for the Message table,
|
|
all the column widths are computed from the first row;
|
|
these CSS classes specify the widths for that first,
|
|
collapsed row. (Otherwise, colspan breaks everything).}}
|
|
{{#include_layout_row}}
|
|
<tr class="ztable_layout_row">
|
|
<td class="ztable_col1" />
|
|
<td class="ztable_col2" />
|
|
<td class="ztable_col3" />
|
|
</tr>
|
|
{{/include_layout_row}}
|
|
|
|
{{#each messages}}
|
|
{{#with this}}
|
|
{{#include_bookend}}
|
|
<tr class="bookend_tr"><td /><td /><td class="bookend" /></tr>
|
|
{{/include_bookend}}
|
|
|
|
{{#include_recipient}}
|
|
{{#if is_stream}}
|
|
<tr zid="{{id}}" class="recipient_row">
|
|
<td colspan="2"
|
|
class="message_header message_header_stream left_part {{color_class}}"
|
|
style="background-color: {{background_color}};">
|
|
</td>
|
|
<td class="message_header message_header_stream right_part {{color_class}}"
|
|
style="background-color: {{background_color}};">
|
|
{{#if invite_only}}<i class="icon-lock" title="This is an invite-only stream"></i>{{/if}}
|
|
<span class="message_label_clickable narrows_by_recipient stream_label"
|
|
title="Narrow to stream "{{display_recipient}}"">{{display_recipient}}</span>
|
|
>
|
|
<span class="message_label_clickable narrows_by_subject"
|
|
title="Narrow to stream "{{display_recipient}}", subject "{{subject}}"">{{subject}}</span>
|
|
</td>
|
|
</tr>
|
|
{{else}}
|
|
<tr zid="{{id}}" class="recipient_row">
|
|
<td colspan="2"
|
|
class="message_header message_header_private_message left_part dark_background">
|
|
</td>
|
|
<td class="message_header message_header_private_message right_part dark_background">
|
|
<span class="message_label_clickable narrows_by_recipient"
|
|
title="Narrow to your private messages with {{display_reply_to}}">
|
|
You and {{display_reply_to}}</span>
|
|
</td>
|
|
</tr>
|
|
{{/if}}
|
|
{{/include_recipient}}
|
|
<tr zid="{{id}}" id="{{dom_id}}"
|
|
class="message_row{{^is_stream}} private-message{{/is_stream}}{{#include_sender}} include-sender{{/include_sender}}">
|
|
<td class="message_picture">
|
|
{{#include_sender}}
|
|
<img class="img-rounded profile_picture actions_hover"
|
|
src="https://secure.gravatar.com/avatar/{{gravatar_hash}}?d=identicon&s=30?stamp={{stamp}}"/>
|
|
{{/include_sender}}
|
|
</td>
|
|
<td class="pointer"><p></p></td>
|
|
<td class="messagebox{{^include_sender}} prev_is_same_sender{{/include_sender}}{{^is_stream}} private-message{{/is_stream}}{{#contains_mention}} mention{{/contains_mention}}">
|
|
<div class="message_top_line">
|
|
{{#include_sender}}
|
|
<span class="message_sender actions_hover">
|
|
<img class="inline_profile_picture message_body_gravatar img-rounded" src="https://secure.gravatar.com/avatar/{{gravatar_hash}}?d=identicon&s=30?stamp={{stamp}}"/>
|
|
<span class="sender_name">{{sender_full_name}}</span>
|
|
</span>
|
|
{{/include_sender}}
|
|
<div class="message_right actions_hover">
|
|
{{! If include_sender is not set, we will never show this link anyway. }}
|
|
{{#include_sender}}<span class="actions_link">« Info</span>{{/include_sender}}
|
|
<span class="message_time">{{{timestr}}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="message_content">{{{content}}}</div>
|
|
</td>
|
|
</tr>
|
|
{{/with}}
|
|
{{/each}}
|