data/baustelle-pwa
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: PDF/sonstige Dateien aus Foto-Grid filtern
All checks were successful
Deploy baustelle-pwa / deploy (push) Successful in 1s
Details

Browse source 
Das Auftrags-Anhang-Verzeichnis enthält nicht nur Bilder sondern auch
das Auftrags-PDF. Das wurde von photo.php korrekt als application/pdf
ausgeliefert, aber die PWA zeigte einen roten Placeholder.

Fix: listOrderPhotos-Result vor dem Rendern nach mime-Type filtern.
Bilder kommen in die photo-grid, PDFs/andere Dokumente in eine
separate 'Weitere Dokumente'-Sektion darunter.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
[deploy]
This commit is contained in:
Eduard Wisch 2026-04-08 23:30:07 +02:00
parent 40fbdb7370
commit 883ea17267
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app.js
View file

@ -124,6 +124,10 @@ router.on('/orders/:id', async (args) => {
const photos = await api.listOrderPhotos(args.id).catch(() => ({ photos: [] })); const photos = await api.listOrderPhotos(args.id).catch(() => ({ photos: [] }));
title(data.order.ref); title(data.order.ref);
// Nur Bilder in der Foto-Grid zeigen; alles andere (PDFs etc.) unten auflisten
const imagePhotos = photos.photos.filter(p => (p.mime || '').startsWith('image/'));
const otherDocs = photos.photos.filter(p => !(p.mime || '').startsWith('image/'));
main().innerHTML = ` main().innerHTML = `
<div class="detail-section"> <div class="detail-section">
<h3>Kunde</h3> <h3>Kunde</h3>
@ -145,11 +149,16 @@ router.on('/orders/:id', async (args) => {
<input type="file" id="gallery-input" class="hidden-input" accept="image/*" multiple> <input type="file" id="gallery-input" class="hidden-input" accept="image/*" multiple>
<div class="detail-section" style="margin-top:16px;"> <div class="detail-section" style="margin-top:16px;">
<h3>Hochgeladene Fotos (${photos.photos.length})</h3> <h3>Hochgeladene Fotos (${imagePhotos.length})</h3>
<div class="photo-grid" id="photo-grid"> <div class="photo-grid" id="photo-grid">
${photos.photos.map(p => `<div class="thumb" data-relpath="${escapeHtml(p.relpath)}"><div class="thumb-placeholder">⏳</div></div>`).join('')} ${imagePhotos.map(p => `<div class="thumb" data-relpath="${escapeHtml(p.relpath)}"><div class="thumb-placeholder">⏳</div></div>`).join('')}
</div> </div>
</div> </div>
${otherDocs.length ? `
<div class="detail-section">
<h3>Weitere Dokumente (${otherDocs.length})</h3>
${otherDocs.map(p => `<p>📄 ${escapeHtml(p.filename)}</p>`).join('')}
</div>` : ''}
`; `;
loadThumbs(); loadThumbs();
@ -166,8 +175,9 @@ router.on('/orders/:id', async (args) => {
// Reload Photo-Liste // Reload Photo-Liste
try { try {
const np = await api.listOrderPhotos(args.id); const np = await api.listOrderPhotos(args.id);
const imgs = np.photos.filter(p => (p.mime || '').startsWith('image/'));
document.getElementById('photo-grid').innerHTML = document.getElementById('photo-grid').innerHTML =
np.photos.map(p => `<div class="thumb" data-relpath="${escapeHtml(p.relpath)}"><div class="thumb-placeholder">⏳</div></div>`).join(''); imgs.map(p => `<div class="thumb" data-relpath="${escapeHtml(p.relpath)}"><div class="thumb-placeholder">⏳</div></div>`).join('');
loadThumbs(); loadThumbs();
} catch (e) {} } catch (e) {}
} }