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>