commit 6307c6d661836512ba91adc4eb03cd5af40dd47b
parent e0e4fb390f6dbf5267169d7a993c7c21f200dea2
Author: Nullptrderef <nullptrderef@proton.me>
Date: Sun, 11 Aug 2024 19:33:56 +0200
fix: use a half decent pdf saving mechanism
Diffstat:
1 file changed, 16 insertions(+), 12 deletions(-)
diff --git a/packages/merchant-backoffice-ui/src/paths/instance/templates/qr/QrPage.tsx b/packages/merchant-backoffice-ui/src/paths/instance/templates/qr/QrPage.tsx
@@ -87,21 +87,25 @@ export function QrPage({ id: templateId, onBack }: Props): VNode {
function saveAsPDF(name: string): void {
// TODO: Look into using media queries in the current page, to print the current page, instead of opening a new window
- const printWindow = window.open("", "", "height=400,width=800");
- if (!printWindow) return;
+
const divContents = document.getElementById("printThis");
if (!divContents) return;
- printWindow.document.write(
- `<!DOCTYPE html><html><head><title>Order template for ${name}</title><style>`,
- );
- printWindow.document.write("</style></head><body> </body></html>");
- printWindow.document.close();
- printWindow.document.body.appendChild(divContents.cloneNode(true));
+
+ let dom = `<!DOCTYPE html>
+<html>
+ <head>
+ <title>Order template for ${name}</title>
+ </head>
+ <body>
+ ${divContents.outerHTML}
+ </body>
+</html>`;
+ const blobUrl = URL.createObjectURL(new Blob([dom]));
+ const printWindow = window.open(blobUrl, "", "height=400,width=800");
+ if (!printWindow) return;
printWindow.addEventListener("load", () => {
printWindow.print();
-
- // Why is the close commented out? Print is synchronous
- // ~ Nullptrderef
- // printWindow.close();
+ printWindow.close();
+ URL.revokeObjectURL(blobUrl);
});
}
