laurent/PrivateChat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

documents preview - image

Browse Source
This commit is contained in:
Laurent Dubertrand
2026-03-11 09:40:03 +01:00
parent 0e4c79b735
commit 11cc5350c8
8 changed files with 176 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/app/chat-page.component.html
View File

@@ -235,17 +235,14 @@
<a class="bubble-download" [href]="entry.downloadUrl" [download]="entry.fileName">Download</a>
}
@if (hasPdfPreview(entry)) {
@if (hasDocumentPreviewImage(entry)) {
<div class="bubble-preview">
<div class="bubble-preview-label">Preview</div>
@defer (on viewport) {
<app-office-pdf-preview
[src]="pdfPreviewUrl(entry)!"
[fileName]="entry.fileName ?? 'document.pdf'"
></app-office-pdf-preview>
} @placeholder {
<div class="bubble-preview-placeholder">Loading preview…</div>
}
<img
class="bubble-preview-image"
[src]="documentPreviewImageUrl(entry)"
[alt]="entry.fileName || 'Document preview'"
/>
</div>
}
</div>