got_ocr_test

Sleeping

acharyaaditya26 commited on Nov 29, 2024

Commit

555f91b

•

1 Parent(s): da60b63

Update templates/result.html

Files changed (1) hide show

templates/result.html CHANGED Viewed

@@ -21,17 +21,22 @@
                 resultsContainer.appendChild(pageDiv);
             });
-            results.forEach(result => {
                 const contentDiv = document.getElementById(`result-content-${result.page_number}`);
                 const loadingDiv = document.getElementById(`loading-indicator-${result.page_number}`);
-                loadingDiv.style.display = 'none';
-                contentDiv.style.display = 'block';
             });
         });
     </script>
 </head>
 <body>
     <h1>OCR Results</h1>
-    <div id="results-container"></div>
 </body>
 </html>

                 resultsContainer.appendChild(pageDiv);
             });
+            // Simulate loading for each page
+            results.forEach((result, index) => {
                 const contentDiv = document.getElementById(`result-content-${result.page_number}`);
                 const loadingDiv = document.getElementById(`loading-indicator-${result.page_number}`);
+                // Simulate a delay to mimic loading
+                setTimeout(() => {
+                    loadingDiv.style.display = 'none';
+                    contentDiv.style.display = 'block';
+                }, index * 2000); // Adjust the delay as needed
             });
         });
     </script>
 </head>
 <body>
     <h1>OCR Results</h1>
+    <div id="results-container" class="scrollable-results"></div>
 </body>
 </html>