UI: улучшить превью и файлы вложений

This commit is contained in:
AidarKC
2026-07-31 17:22:48 +04:00
parent 05bd9f57d6
commit d640dd66e2
5 changed files with 37 additions and 21 deletions
+4 -6
View File
@@ -206,17 +206,16 @@ function replaceWithUnavailable(slide, messageTimestampMs) {
}
function createFileCard({ item, url, messageTimestampMs, slide }) {
const ext = getAttachmentExtension(item.name).toUpperCase() || 'FILE';
const card = document.createElement('div');
card.className = 'message-attachment-file-card';
card.role = 'button';
card.tabIndex = 0;
card.title = 'Скачать файл';
card.innerHTML = `
<div class="message-attachment-file-ext">${escapeHtml(ext)}</div>
<div class="message-attachment-file-ext">Файл</div>
<div class="message-attachment-file-main">
<div class="message-attachment-name">${escapeHtml(item.name)}</div>
<div class="message-attachment-meta">${escapeHtml(formatBytes(item.size))} · ${escapeHtml(item.ar)}</div>
<div class="message-attachment-meta">${escapeHtml(formatBytes(item.size))}</div>
</div>
`;
const openFile = () => window.open(url, '_blank', 'noopener');
@@ -229,7 +228,6 @@ function createFileCard({ item, url, messageTimestampMs, slide }) {
event.preventDefault();
openFile();
});
card.append(createDownloadLink(url));
void fetch(url, { method: 'HEAD', cache: 'no-store' })
.then((response) => {
if (!response.ok) replaceWithUnavailable(slide, messageTimestampMs);
@@ -327,8 +325,8 @@ export function createAttachmentCarouselElement(attachments = [], { gateway = ''
slide.append(kind === 'file'
? createFileCard({ item, url, messageTimestampMs, slide })
: createMediaSlide({ item, url, kind, messageTimestampMs, slide }));
prev.disabled = index <= 0;
next.disabled = index >= items.length - 1;
prev.hidden = items.length <= 1 || index <= 0;
next.hidden = items.length <= 1 || index >= items.length - 1;
counter.textContent = `${index + 1} из ${items.length}`;
};