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

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
line wrap: on
line diff
--- a/sat_templates/templates/bulma/chat/chat.html	Fri Apr 11 21:32:05 2025 +0200
+++ b/sat_templates/templates/bulma/chat/chat.html	Tue May 06 00:37:41 2025 +0200
@@ -6,7 +6,7 @@
 {% block title %}{{ target_jid }} - {{ super() }}{% endblock %}
 {% block body %}
     {{ icon_defs(
-   "share-nodes", "ellipsis","regular face-smile", "quote-left", "paperclip", "pencil", "regular trash-can"
+   "comment-dots", "ellipsis", "paperclip", "pencil", "quote-left", "reply", "regular face-smile", "regular trash-can", "share-nodes"
     ) }}
 
 
@@ -96,40 +96,15 @@
                     {% endfor %}
                 </div>
 
-            <!-- Attachments -->
-            <div id="attachments" class="box has-background-white is-flex is-flex-grow-0 is-flex-shrink-0 is-align-items-center is-overflow-auto is-contracted">
-                {% for file in attachments %}
-                    {% include 'chat/attachment_preview.html' %}
-                {% endfor %}
-            </div>
 
-            <div id="message_input" class="chat-input">
-                <div class="field has-addons">
-                    <div class="control">
-                        <button id="attach-button" class="button">
-                            <span class="icon is-small">
-                            {{ icon('paperclip') }}
-                            </span>
-                        </button>
-                        <input id="file-input" type="file" multiple="true" style="display: none" />
-                    </div>
-                    <div class="control is-expanded">
-                     <textarea id="message_input_area" class="textarea" name="message_input_area" type="text" rows="1" placeholder="{{_("Type your message…")}}"></textarea>
-                    </div>
-                    <div class="control">
-                        <button class="button is-primary">
-                            <span class="icon is-small">
-                                <i class="fas fa-paper-plane"></i>
-                            </span>
-                            <span class="is-hidden-mobile">Send</span>
-                        </button>
-                    </div>
-                </div>
+            <div id="input-panel-area">
+                {% include 'chat/message_input.html' %}
             </div>
 
         </div>
 
 
+
         <!-- Right Panel -->
 
         <div class="column is-2-desktop is-3-tablet chat-details {{ 'is-hidden' if chat_type != 'group' }}" id="right_panel">