vietnamese

templates/ChatActions/_chatactions_files.html

@@ -0,0 +1,57 @@
+<section id="chat_files">
+    <header>
+        <ul class="list">
+            <li>
+                <div>
+                    <p>{{ __('chatactions.files') }}</p>
+                </div>
+            </li>
+        </ul>
+        <ul class="tabs wide">
+            {% for tab in ["images", "videos", "recordings", "files"] %}
+            <li class="{% if loop.first %}active{% endif %}" data-tab="{{ tab }}" onclick="ChatActions.filesTab('{{ tab }}')">
+                <a href="#" onclick="event.preventDefault()">{{ __('chatactions.files_' ~ tab) }}</a>
+            </li>
+            {% endfor %}
+        </ul>
+    </header>
+
+    <div class="files_tab" data-tab="images">
+        <ul class="files_grid" data-list="images">
+            {% for f in images %}
+            <li data-published="{{ f.published }}">
+                <img src="{{ f.thumb }}" alt="{{ f.name }}" title="{{ f.date }}" loading="lazy"
+                    onclick="Preview_ajaxHttpShow('{{ f.url|echapJS }}', {{ f.mid }})"/>
+            </li>
+            {% endfor %}
+        </ul>
+    </div>
+
+    {% for tab, list, icon in [["videos", videos, "movie"], ["recordings", recordings, "mic"], ["files", files, "description"]] %}
+    <div class="files_tab hide" data-tab="{{ tab }}">
+        <ul class="list active divided" data-list="{{ tab }}" data-icon="{{ icon }}">
+            {% for f in list %}
+            <li data-published="{{ f.published }}">
+                <span class="primary icon gray"><i class="material-symbols">{{ icon }}</i></span>
+                <span class="control icon active gray" title="{{ __('chatactions.files_message') }}"
+                    onclick="event.stopPropagation(); Chat_ajaxGetMessageContext('{{ jid|echapJS }}', {{ f.mid }}); Drawer.clear()">
+                    <i class="material-symbols">chat</i>
+                </span>
+                <div onclick="window.open('{{ f.url|echapJS }}', '_blank', 'noopener')">
+                    <p class="line">{{ f.name }}</p>
+                    {% if tab == "recordings" %}
+                        <audio controls preload="none" src="{{ f.url }}" onclick="event.stopPropagation()"></audio>
+                    {% endif %}
+                    <p class="line">{% if f.size %}{{ f.size }} · {% endif %}{{ f.date }}</p>
+                </div>
+            </li>
+            {% endfor %}
+        </ul>
+    </div>
+    {% endfor %}
+
+    <div class="placeholder files_empty">
+        <i class="material-symbols">perm_media</i>
+        <h4>{{ __('chatactions.files_empty') }}</h4>
+    </div>
+</section>

templates/ChatActions/_chatactions_message.html

@@ -7,7 +7,7 @@
                 <span class="resource {{ color }}">{{ message.resource }}</span>
             {% endif %}
             {% if message.encrypted %}
-                <p class="encrypted">{% if message.retracted %}{{ __('message.retracted') }}{% else %}{{ __('message.encrypted') }}{% endif %} <i class="material-symbols fill">lock</i></p>
+                <p class="encrypted" data-mid="{{ message.mid }}">{% if message.retracted %}{{ __('message.retracted') }}{% else %}{{ __('message.encrypted') }}{% endif %} <i class="material-symbols fill">lock</i></p>
             {% elif message.retracted %}
                 <p class="retracted">{{ __('message.retracted') }} <i class="material-symbols">delete</i></p>
             {% elif picture %}

templates/ChatActions/_chatactions_search.html

@@ -6,7 +6,7 @@
         <form name="search" onsubmit="return false;">
             <div>
                 <input name="keyword" autocomplete="off"
-                    placeholder="{{ __('button.search') }}" oninput="ChatActions_ajaxSearchMessages('{{ jid|echapJS }}', this.value, {% if muc %}true{% else %}false{% endif %});" type="text">
+                    placeholder="{{ __('button.search') }}" oninput="ChatActions.search('{{ jid|echapJS }}', this.value, {% if muc %}true{% else %}false{% endif %});" type="text">
             </div>
         </form>
     </li>