Enhance PDF viewing experience with new document viewer
- Replaced button in `Details.cshtml` with a link to a new document viewer page. - Created `DocumentViewer.cshtml` to display PDFs using an iframe, with a back button and a link to an experimental DevExpress viewer. - Introduced `DocumentViewerModel` in `DocumentViewer.cshtml.cs` for handling invoice ID and PDF URL. - Updated `OnGetAsync` in `ViewPdf.cshtml.cs` to set `Content-Disposition` to inline for better PDF rendering in the browser.
This commit is contained in:
@@ -0,0 +1,33 @@
|
||||
@page
|
||||
@model DXApp.TemplateKitProject.Pages.Invoices.DocumentViewerModel
|
||||
@{
|
||||
ViewData["Title"] = "Dokument Viewer";
|
||||
var pdfUrl = Model.PdfUrl;
|
||||
}
|
||||
|
||||
<div class="container-fluid" style="height:100vh; padding:0;">
|
||||
<div class="d-flex align-items-center justify-content-between p-3 border-bottom">
|
||||
<h5 class="m-0">Rechnung @Model.Id - Dokument</h5>
|
||||
<div>
|
||||
<a class="btn btn-secondary me-2" href="/Invoices">Zurück zur Übersicht</a>
|
||||
<!-- Später: Button um DevExpress Viewer zu öffnen -->
|
||||
<a class="btn btn-outline-primary" href="/Invoices/DocumentViewerDevExpress?id=@Model.Id">
|
||||
DevExpress Viewer (experimental)
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="height:calc(100vh - 64px);">
|
||||
@* Solide, funktionierende Baseline: Browser-internen PDF-Renderer verwenden *@
|
||||
<iframe id="pdf-viewer-iframe"
|
||||
src="@pdfUrl"
|
||||
style="width:100%; height:100%; border: none;"
|
||||
title="PDF Viewer"></iframe>
|
||||
</div>
|
||||
|
||||
@* Hinweis:
|
||||
- Diese Seite zeigt aktuell das PDF per einfachem iframe (funktioniert zuverlässig).
|
||||
- Nächster Commit: wir ersetzen iframe durch DevExpress WebDocumentViewer oder laden diesen zusätzlich.
|
||||
- Der Link "DevExpress Viewer (experimental)" ist ein Platzhalter; wir implementieren die Route /Invoices/DocumentViewerDevExpress in einem der nächsten Schritte.
|
||||
*@
|
||||
</div>
|
||||
Reference in New Issue
Block a user