Mercurial > libervia-templates
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>