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') }}