From 70310678444a43c1ef3f460d9761ad0c2818f001 Mon Sep 17 00:00:00 2001
From: ilotterytea <iltsu@alright.party>
Date: Sun, 15 Jun 2025 17:09:08 +0400
Subject: feat: thumbnails for audio, text and other files

---
 public/index.php | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

(limited to 'public/index.php')

diff --git a/public/index.php b/public/index.php
index 4186399..9a0e293 100644
--- a/public/index.php
+++ b/public/index.php
@@ -539,6 +539,20 @@ $privacy_exists = is_file($_SERVER['DOCUMENT_ROOT'] . '/static/PRIVACY.txt');
                 file_deletion = `<button onclick="deleteUploadedFile('${file.urls.deletion_url}', '${file.id}')">Delete</button>`;
             }
 
+            <?php if (FILE_THUMBNAILS): ?>
+                let thumbnailPath = `<?= FILE_THUMBNAIL_DIRECTORY_PREFIX ?>/${file.id}.webp`;
+                let thumbnailSize = "width: 64px; height: 64px;";
+                if (file.mime.startsWith('audio/')) {
+                    thumbnailPath = '/static/img/icons/file_audio.png';
+                } else if (file.mime.startsWith('text/')) {
+                    thumbnailPath = '/static/img/icons/file_text.png';
+                } else if (!file.mime.startsWith('image/') && !file.mime.startsWith('video/')) {
+                    thumbnailPath = '/static/img/icons/file.png';
+                } else {
+                    thumbnailSize = 'max-width:100%; max-height: 100%;';
+                }
+            <?php endif; ?>
+
             return `
         <div class="box item column gap-4 pad-4">
             <button class="delete-btn" onclick="deleteFileLocally('${file.id}');loadUploadedFiles();" title="Delete locally">
@@ -546,8 +560,8 @@ $privacy_exists = is_file($_SERVER['DOCUMENT_ROOT'] . '/static/PRIVACY.txt');
             </button>
             <?php if (FILE_THUMBNAILS): ?>
             <div class="column align-center justify-center grow">
-                <div style="max-width: 128px; max-height:128px;">
-                    <p><i><img src="<?= FILE_THUMBNAIL_DIRECTORY_PREFIX ?>/${file.id}.webp" alt="No thumbnail." style="max-width:100%; max-height: 100%;"></i></p>
+                <div class="column justify-center align-center" style="width: 128px; height:128px;">
+                    <p><i><img src="${thumbnailPath}" alt="No thumbnail." style="${thumbnailSize}"></i></p>
                 </div>
             </div>
             <?php endif; ?>
-- 
cgit v1.2.3