diff sat_templates/templates/bulma/chat/message.html @ 404:66f98ee041d8

chat: add UI for replies/threads: rel 457
author Goffi <goffi@goffi.org>
date Tue, 06 May 2025 00:37:41 +0200
parents 65c53ec5e777
children 5016fb0ff62f
line wrap: on
line diff
--- a/sat_templates/templates/bulma/chat/message.html	Fri Apr 11 21:32:05 2025 +0200
+++ b/sat_templates/templates/bulma/chat/message.html	Tue May 06 00:37:41 2025 +0200
@@ -9,9 +9,10 @@
 <div
     id="{{msg.id}}"
     class="media chat-message msg_{{msg.type}} {{'own_msg' if own_msg}} {{ 'is-retracted' if msg.extra.retracted }}"
-    role="listitem"
     aria-label="{{ 'Retracted Message' if msg.extra.retracted else 'Chat Message' }}"
+    data-from='{{msg.from_}}'
     {% if msg.extra.editions %}data-editions='{{msg.extra.editions|tojson}}'{% endif %}
+    {% if msg.extra.thread %}data-thread='{{msg.extra.thread}}'{% endif %}
     >
     {%- if msg.type != "info" %}
         {%- set author = identities[msg.from_].nicknames[0] | default(msg.from_) -%}
@@ -27,6 +28,9 @@
                     <span class="author" id="msg_author_{{msg.id}}">{{author}}</span>
                     <span class="date" id="msg_date_{{msg.id}}">{{(msg.extra.updated or msg.timestamp)|date_fmt('short', tz_name=tz_name)}}</span>
                     <span id="status_icons_{{msg.id}}" class="status-icons level-item has-padding-left">
+                        {% if msg.reply_to or msg.extra.thread %}
+                            {{ icon('comment-dots', cls='icon is-small message-thread') }}
+                        {% endif %}
                         {% if msg.extra.editions %}
                             {{ icon('pencil', cls='icon is-small message-editions') }}
                         {% endif %}
@@ -65,8 +69,9 @@
                    <div class="level-left"></div>
                     <div class="level-right">
                         {# {{ icon('share-nodes', cls='icon is-small action-button', id='msg_share_' + msg.id) }} #}
-                        {{ icon('regular face-smile', cls='icon is-small action-button reaction-button', id='msg_actions_' + msg.id) }}
-                        {{ icon('ellipsis', cls='icon is-small action-button extra-button', id='msg_actions_' + msg.id) }}
+                        {{ icon('reply', cls='icon is-small action-button reply-button')}}
+                        {{ icon('regular face-smile', cls='icon is-small action-button reaction-button') }}
+                        {{ icon('ellipsis', cls='icon is-small action-button extra-button') }}
                     </div>
                 </div>