Mercurial > libervia-templates

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

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
comparison
equal deleted inserted replaced
403:65c53ec5e777 404:66f98ee041d8
4 {% endif %} 4 {% endif %}
5 {% from 'components/collapsible_card.html' import collapsible_card %} 5 {% from 'components/collapsible_card.html' import collapsible_card %}
6 {% block title %}{{ target_jid }} - {{ super() }}{% endblock %} 6 {% block title %}{{ target_jid }} - {{ super() }}{% endblock %}
7 {% block body %} 7 {% block body %}
8 {{ icon_defs( 8 {{ icon_defs(
9 "share-nodes", "ellipsis","regular face-smile", "quote-left", "paperclip", "pencil", "regular trash-can" 9 "comment-dots", "ellipsis", "paperclip", "pencil", "quote-left", "reply", "regular face-smile", "regular trash-can", "share-nodes"
10 ) }} 10 ) }}
11 11
12 12
13 13
14 <div class="columns is-gapless chat-container"> 14 <div class="columns is-gapless chat-container">
94 {% endif %} 94 {% endif %}
95 {% include 'chat/message.html' %} 95 {% include 'chat/message.html' %}
96 {% endfor %} 96 {% endfor %}
97 </div> 97 </div>
98 98
99 <!-- Attachments -->
100 <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">
101 {% for file in attachments %}
102 {% include 'chat/attachment_preview.html' %}
103 {% endfor %}
104 </div>
105 99
106 <div id="message_input" class="chat-input"> 100 <div id="input-panel-area">
107 <div class="field has-addons"> 101 {% include 'chat/message_input.html' %}
108 <div class="control">
109 <button id="attach-button" class="button">
110 <span class="icon is-small">
111 {{ icon('paperclip') }}
112 </span>
113 </button>
114 <input id="file-input" type="file" multiple="true" style="display: none" />
115 </div>
116 <div class="control is-expanded">
117 <textarea id="message_input_area" class="textarea" name="message_input_area" type="text" rows="1" placeholder="{{_("Type your message…")}}"></textarea>
118 </div>
119 <div class="control">
120 <button class="button is-primary">
121 <span class="icon is-small">
122 <i class="fas fa-paper-plane"></i>
123 </span>
124 <span class="is-hidden-mobile">Send</span>
125 </button>
126 </div>
127 </div>
128 </div> 102 </div>
129 103
130 </div> 104 </div>
105
131 106
132 107
133 <!-- Right Panel --> 108 <!-- Right Panel -->
134 109
135 <div class="column is-2-desktop is-3-tablet chat-details {{ 'is-hidden' if chat_type != 'group' }}" id="right_panel"> 110 <div class="column is-2-desktop is-3-tablet chat-details {{ 'is-hidden' if chat_type != 'group' }}" id="right_panel">