k1nq/TREK
1
0
Fork 0
mirror of https://github.com/mauriceboe/TREK.git synced 2026-06-19 13:21:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix PDF preview: use srcdoc instead of blob URL to avoid X-Frame-Options

Browse Source
This commit is contained in:
Maurice
2026-03-19 14:53:38 +01:00
parent c3535967ee
commit 0935143001
1 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/PDF/TripPDF.jsx
+3 -7
View File
@@ -357,14 +357,10 @@ ${daysHtml}
</body></html>` </body></html>`
// Open print window // Open print window
const blob = new Blob([html], { type: 'text/html' })
const url = URL.createObjectURL(blob)
// Modal in die App einfügen
const overlay = document.createElement('div') const overlay = document.createElement('div')
overlay.id = 'pdf-preview-overlay' overlay.id = 'pdf-preview-overlay'
overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:9999;display:flex;align-items:center;justify-content:center;padding:8px;' overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:9999;display:flex;align-items:center;justify-content:center;padding:8px;'
overlay.onclick = (e) => { if (e.target === overlay) { overlay.remove(); URL.revokeObjectURL(url) } } overlay.onclick = (e) => { if (e.target === overlay) overlay.remove() }
const card = document.createElement('div') const card = document.createElement('div')
card.style.cssText = 'width:100%;max-width:1000px;height:95vh;background:var(--bg-card);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.3);' card.style.cssText = 'width:100%;max-width:1000px;height:95vh;background:var(--bg-card);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.3);'
@@ -383,13 +379,13 @@ ${daysHtml}
const iframe = document.createElement('iframe') const iframe = document.createElement('iframe')
iframe.style.cssText = 'flex:1;width:100%;border:none;' iframe.style.cssText = 'flex:1;width:100%;border:none;'
iframe.src = url iframe.srcdoc = html
card.appendChild(header) card.appendChild(header)
card.appendChild(iframe) card.appendChild(iframe)
overlay.appendChild(card) overlay.appendChild(card)
document.body.appendChild(overlay) document.body.appendChild(overlay)
header.querySelector('#pdf-close-btn').onclick = () => { overlay.remove(); URL.revokeObjectURL(url) } header.querySelector('#pdf-close-btn').onclick = () => overlay.remove()
header.querySelector('#pdf-print-btn').onclick = () => { iframe.contentWindow?.print() } header.querySelector('#pdf-print-btn').onclick = () => { iframe.contentWindow?.print() }
} }