Mercurial > libervia-templates
diff sat_templates/templates/bulma/chat/message.html @ 406:049a0638f6fa
chat: Keywords handling:
- Keywords are now displayed in messages.
- Modal panel has been updated to allow for side panels, i.e. modal panel comming from
top, bottom, right or left with an animation, and which can be closed by
clicking/touching outside of the panel.
rel 458
author | Goffi <goffi@goffi.org> |
---|---|
date | Fri, 06 Jun 2025 10:50:35 +0200 |
parents | 5016fb0ff62f |
children | f45c311710b1 |
line wrap: on
line diff
--- a/sat_templates/templates/bulma/chat/message.html Wed May 21 15:41:00 2025 +0200 +++ b/sat_templates/templates/bulma/chat/message.html Fri Jun 06 10:50:35 2025 +0200 @@ -35,12 +35,12 @@ {{ icon('pencil', cls='icon is-small message-editions') }} {% endif %} {% if msg.encrypted %} - {{ icon('lock-filled', cls='icon is-small has-text-success') }} + {{ icon('lock', cls='icon is-small has-text-success') }} {% else %} - {{ icon('lock-open', cls='icon is-small has-text-danger') }} + {{ icon('unlock', cls='icon is-small has-text-danger') }} {% endif %} {% if msg.received %} - {{ icon('ok', cls='icon is-small has-text-link') }} + {{ icon('check', cls='icon is-small has-text-link') }} {% endif %} {% if msg.edited %} {{ icon('pencil', cls='icon is-small has-text-info') }} @@ -63,11 +63,18 @@ </div> <div - id="actions_{{msg.id}}" - class="level message-actions mb-0 mt-1 {{ "is-hidden" if msg.extra.retracted }}" + class="level mb-0 mt-1 message-footer {{ "is-hidden" if msg.extra.retracted }}" > - <div class="level-left"></div> - <div class="level-right"> + <div class="level-left"> + {% if msg.extra.keywords %} + <div class="tags pb-1"> + {% for keyword in msg.extra.keywords %} + <span class="message-keyword tag is-hoverable is-info">{{keyword}}</span> + {% endfor %} + </div> + {% endif %} + </div> + <div class="level-right message-actions"> {# {{ icon('share-nodes', cls='icon is-small action-button', id='msg_share_' + msg.id) }} #} {{ icon('reply', cls='icon is-small action-button reply-button')}} {{ icon('regular face-smile', cls='icon is-small action-button reaction-button') }}