The communications platform that puts data protection first.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
Rocket.Chat/packages/rocketchat-ui-message/message/message.html

87 lines
2.9 KiB

<template name="message">
<li id="{{_id}}" class="message {{isSequential}} {{system}} {{t}} {{own}} {{isTemp}} {{chatops}}" data-username="{{u.username}}" data-groupable="{{isGroupable}}" data-date="{{date}}" data-timestamp="{{timestamp}}">
{{#if avatar}}
{{#if avatarFromUsername}}
<a class="thumb user-card-message" href="#" data-username="{{u.username}}" tabindex="1">{{> avatar username=avatarFromUsername}}</a>
{{else}}
<a class="thumb user-card-message" href="#" data-username="{{u.username}}" tabindex="1">
<div class="avatar">
<div class="avatar-image" style="background-image:url({{avatar}});"></div>
</div>
</a>
{{/if}}
{{else}}
{{#if emoji}}
<a class="thumb user-card-message" href="#" data-username="{{u.username}}" tabindex="1">
<div class="avatar">
{{{getEmoji emoji}}}
</div>
</a>
{{else}}
<a class="thumb user-card-message" href="#" data-username="{{u.username}}" tabindex="1">{{> avatar username=u.username}}</a>
{{/if}}
{{/if}}
{{#if alias}}
<a class="user user-card-message" href="#" data-username="{{u.username}}" tabindex="1">{{alias}} <span class="message-alias">@{{u.username}}</span></a>
{{else}}
<a class="user user-card-message" href="#" data-username="{{u.username}}" tabindex="1">{{u.username}}</a>
{{/if}}
<span class="info">
{{#if isBot}}
<span class="is-bot">BOT</span>
{{/if}}
{{#if edited}}
<span
title='{{_ "edited"}} at {{editTime}} {{_ "by"}} {{editedBy}}'
class="time">
{{time}}
</span>
<span class="edited" title='{{_ "edited"}} at {{editTime}} {{_ "by"}} {{editedBy}}' >
<i class="icon-edit" aria-label="{{_ "Edited"}}"></i>
{{_ "by"}}
<a class="thumb thumb-small user-card-message" href="#" data-username="{{editedBy}}" tabindex="1">
{{> avatar username=editedBy}}
</a>
</span>
{{else}}
<span class="time">{{time}}</span>
{{/if}}
{{#if private}}
<span class="private">{{_ "Only_you_can_see_this_message"}}</span>
{{/if}}
<div class="message-cog-container">
<i class="icon-cog message-cog" aria-label="{{_ "Actions"}}"></i>
</div>
</span>
<div class="body" dir="auto">
{{{body}}}
{{#if hasOembed}}
{{#each urls}}
{{injectIndex . @index}}
{{> oembedBaseWidget}}
{{/each}}
{{/if}}
{{#each attachments}}
{{injectIndex . @index}}
{{> messageAttachment}}
{{/each}}
</div>
<ul class="reactions {{hideReactions}}">
{{#each reaction in reactions}}
<li data-emoji="{{reaction.emoji}}">
<span class="reaction-emoji">{{> emojione reaction.emoji}}</span>
<span class="reaction-count">{{reaction.count}}</span>
<ul class="people">
{{#each reaction.usernames}}
<li>{{.}}</li>
{{/each}}
</ul>
</li>
{{/each}}
<li class="add-reaction">
<span class="icon-people-plus"></span>
</li>
</ul>
</li>
</template>