Update templates/gui.html

templates/gui.html

@@ -13,16 +13,24 @@
 
 ///////////////////////////////////////////////BEGIN JS CODE//////////////////////////////////////////////////
 // Function to send the Dropbox link and keyword to the server
+function getURLParams() {
+    const urlParams = new URLSearchParams(window.location.search);
+    return {
+        pdfLink: urlParams.get('pdfLink'),
+        keyword: JSON.parse(decodeURIComponent(urlParams.get('keyword') || "[]")),  // Decode and parse
+        pageNumber: parseInt(urlParams.get('page')) || 1,
+        zoomRect: urlParams.get('zoom')  // Expecting format: "x,y,width,height"
+    };
+}
 
 function processPdf() {
-
-    const pdfLink = 'https://www.dropbox.com/scl/fi/hnp4mqigb51a5kp89kgfa/00801-ARC-20-ZZ-S-A-0002.pdf?rlkey=45abeoebzqw4qwnslnei6dkd6&st=m4yrcjm2&dl=1'; // Dropbox link
-    const keyword = ['115 INTEGRATED MRI ROOM LININGS'] ;  // Example keyword
-
+    // const pdfLink = 'https://www.dropbox.com/scl/fi/hnp4mqigb51a5kp89kgfa/00801-ARC-20-ZZ-S-A-0002.pdf?rlkey=45abeoebzqw4qwnslnei6dkd6&st=m4yrcjm2&dl=1'; // Dropbox link
+    // const keyword = ['115 INTEGRATED MRI ROOM LININGS','710 TRANSPORTATION'] ;  // Example keyword
+    const { pdfLink, keyword, pageNumber, zoomRect } = getURLParams();
     // Create a new FormData object to send the data as form data
     const formData = new FormData();
-    formData.append('pdfLink', pdfLink);
-    formData.append('keyword', keyword); // Single keyword from URL
+    formData.append('pdf_link', pdfLink);
+    formData.append('keyword', JSON.stringify(keyword)); 
 
     // Send the data to the Flask server
     fetch('/api/process-data', {
@@ -32,7 +40,7 @@ function processPdf() {
     .then(response => response.json())
     .then(data => {
         if (data.download_link) {
-            window.location.href = data.download_link; // Redirect to annotated PDF
+            window.location.href = data.download_link; // This will use the rect info from Flask
         } else {
             alert('Error: ' + data.error);
         }
@@ -42,8 +50,9 @@ function processPdf() {
     });
 }
 
-  
-
 // Call the function to process the PDF
 processPdf();
+
+
+
 </script>