mirror of
https://github.com/discourse/discourse.git
synced 2025-05-28 13:51:18 +08:00
FEATURE: Add onebox support for chat threads (#23580)
With this commit we now support onboxes of: - channel - channel message - thread - thread message
This commit is contained in:
@ -1,13 +1,13 @@
|
||||
<aside class="onebox chat-onebox">
|
||||
<article class="onebox-body chat-onebox-body">
|
||||
<h3 class="chat-onebox-title">
|
||||
<a href="{{url}}">
|
||||
<a href="/chat/c/-/{{channel_id}}">
|
||||
{{#is_category}}
|
||||
<span class="category-chat-badge" style="color: #{{color}}">
|
||||
<svg class="fa d-icon d-icon-d-chat svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#d-chat"></use></svg>
|
||||
</span>
|
||||
{{/is_category}}
|
||||
<span class="clear-badge">{{{channel_name}}}</span>
|
||||
<span class="clear-badge">{{channel_name}}</span>
|
||||
</a>
|
||||
</h3>
|
||||
{{#description}}
|
||||
|
@ -5,9 +5,9 @@
|
||||
<img loading="lazy" alt="{{username}}" width="20" height="20" src="{{avatar_url}}" class="avatar">
|
||||
</a>
|
||||
</div>
|
||||
<div class="chat-transcript-username">{{username}}</div>
|
||||
<div class="chat-transcript-username">{{username}}</div>
|
||||
<div class="chat-transcript-datetime">
|
||||
<a href="{{url}}" title="{{created_at}}">{{created_at}}</a>
|
||||
<a href="/chat/c/-/{{channel_id}}" title="{{created_at}}">{{created_at}}</a>
|
||||
</div>
|
||||
<a class="chat-transcript-channel" href="/chat/c/-/{{channel_id}}">
|
||||
{{#is_category}}
|
||||
@ -22,6 +22,22 @@
|
||||
{{/is_topic}}
|
||||
{{channel_name}}
|
||||
</a>
|
||||
{{#thread_id}}
|
||||
<span class="chat-transcript-separator">|</span>
|
||||
<a class="chat-transcript-thread" href="/chat/c/-/{{channel_id}}/t/{{thread_id}}">
|
||||
<span class="topic-thread-icon">
|
||||
<svg class="fa d-icon d-icon-discourse-threads svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#discourse-threads"></use></svg>
|
||||
</span>
|
||||
{{thread_title}}
|
||||
</a>
|
||||
{{/thread_id}}
|
||||
</div>
|
||||
<div class="chat-transcript-messages">
|
||||
{{{cooked}}}
|
||||
</div>
|
||||
<div class="chat-transcript-images onebox">
|
||||
{{#images}}
|
||||
<img src="{{url}}" loading="lazy" alt="{{original_filename}}" width="{{width}}" height="{{height}}">
|
||||
{{/images}}
|
||||
</div>
|
||||
<div class="chat-transcript-messages">{{{cooked}}}</div>
|
||||
</div>
|
||||
|
@ -0,0 +1,31 @@
|
||||
<aside class="onebox chat-onebox">
|
||||
<article class="onebox-body chat-onebox-body">
|
||||
<div class="chat-transcript-user">
|
||||
<h3 class="chat-onebox-title">
|
||||
<a href="/chat/c/-/{{channel_id}}/t/{{thread_id}}">
|
||||
<span class="category-chat-badge" style="color: #{{color}}">
|
||||
<svg class="fa d-icon d-icon-discourse-threads svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#discourse-threads"></use></svg>
|
||||
</span>
|
||||
<span class="clear-badge">{{thread_title}}</span>
|
||||
</a>
|
||||
</h3>
|
||||
<span class="thread-title-connector">{{thread_title_connector}}</span>
|
||||
<a href="/chat/c/-/{{channel_id}}">
|
||||
<span class="category-chat-badge" style="color: #{{color}}">
|
||||
<svg class="fa d-icon d-icon-d-chat svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#d-chat"></use></svg>
|
||||
</span>
|
||||
<span class="clear-badge">{{channel_name}}</span>
|
||||
</a>
|
||||
</div>
|
||||
{{#cooked}}
|
||||
<div class="chat-onebox-cooked">
|
||||
{{{cooked}}}
|
||||
</div>
|
||||
{{/cooked}}
|
||||
<div class="chat-onebox-images onebox">
|
||||
{{#images}}
|
||||
<img src="{{url}}" loading="lazy" alt="{{original_filename}}" width="{{width}}" height="{{height}}">
|
||||
{{/images}}
|
||||
</div>
|
||||
</article>
|
||||
</aside>
|
Reference in New Issue
Block a user