Update templates/gui.html

templates/gui.html

@@ -14,32 +14,31 @@
 ///////////////////////////////////////////////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('pdf_link'),
-                keyword: urlParams.get('keyword'),
-                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','710 TRANSPORTATION'] ;  // Example keyword
+    const urlParams = new URLSearchParams(window.location.search);
+    return {
+        pdfLink: decodeURIComponent(urlParams.get('pdf_link') || ''), // Decode special characters
+        keyword: decodeURIComponent(urlParams.get('keyword') || ''), // Handle spaces properly
+        pageNumber: parseInt(urlParams.get('page')) || 1,
+        zoomRect: urlParams.get('zoom') || '' // Expecting format: "x,y,width,height"
+    };
+}
 
+function processPdf() {
     const { pdfLink, keyword, pageNumber, zoomRect } = getURLParams();
-    if (pdfLink){
-      console.log('p')
-    }
-    else{
-    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
 
+    if (!pdfLink || !keyword) {
+        console.error("Missing PDF link or keyword.");
+        return;
     }
+
+    console.log("Extracted PDF Link:", pdfLink);
+    console.log("Extracted Keyword:", keyword);
+    
     // Create a new FormData object to send the data as form data
     const formData = new FormData();
     formData.append('pdf_link', pdfLink);
-    formData.append('keyword', JSON.stringify(keyword)); 
-    console.log(pdfLink,keyword)
+    formData.append('keyword', keyword); // Single keyword from URL
+
     // Send the data to the Flask server
     fetch('/api/process-data', {
         method: 'POST',
@@ -47,11 +46,8 @@ function processPdf() {
     })
     .then(response => response.json())
     .then(data => {
-        // Handle the server's response
         if (data.download_link) {
-            // Redirect the user to the page where the annotation is located
-            // The download_link includes both the page number and the rect (coordinates)
-            window.location.href = data.download_link; // This will use the rect info from Flask
+            window.location.href = data.download_link; // Redirect to annotated PDF
         } else {
             alert('Error: ' + data.error);
         }
@@ -63,5 +59,4 @@ function processPdf() {
 
 // Call the function to process the PDF
 processPdf();
-
 </script>