Update templates/gui.html

templates/gui.html

@@ -5,7 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>View PDF with PDF.js</title>
 
+    <!-- Include PDF.js -->
     <script src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>
+
     <style>
         canvas {
             width: 100%;
@@ -17,31 +19,37 @@
 
     <h2>PDF Viewer</h2>
 
+    <!-- Container where PDF content will be rendered -->
     <div id="pdf-container"></div>
 
     <script>
         async function renderPdf() {
-            const url = '/download-pdf';
-            const loadingTask = pdfjsLib.getDocument(url);
+            try {
+                const url = '/download-pdf';
+                const loadingTask = pdfjsLib.getDocument(url);
+
+                const pdf = await loadingTask.promise;
+                const page = await pdf.getPage(2);
 
-            const pdf = await loadingTask.promise;
-            const page = await pdf.getPage(2);
+                const scale = 1.5;
+                const viewport = page.getViewport({ scale });
 
-            const scale = 1.5;
-            const viewport = page.getViewport({ scale });
+                const canvas = document.createElement('canvas');
+                const context = canvas.getContext('2d');
+                canvas.height = viewport.height;
+                canvas.width = viewport.width;
 
-            const canvas = document.createElement('canvas');
-            const context = canvas.getContext('2d');
-            canvas.height = viewport.height;
-            canvas.width = viewport.width;
+                const renderContext = {
+                    canvasContext: context,
+                    viewport: viewport
+                };
 
-            const renderContext = {
-                canvasContext: context,
-                viewport: viewport
-            };
+                page.render(renderContext);
+                document.getElementById('pdf-container').appendChild(canvas);
 
-            page.render(renderContext);
-            document.getElementById('pdf-container').appendChild(canvas);
+            } catch (error) {
+                console.error('Failed to load PDF:', error);
+            }
         }
 
         renderPdf();