ImageDataExtractor2

Runtime error

WebashalarForML commited on Oct 9, 2024

Commit

2ffbfcc

verified ·

1 Parent(s): 2ca8544

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -7,7 +7,6 @@
     <title>File Uploader</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" />
     <style>
-        <style>
         body {
             background-color: #1c1c1e;
             font-family: "Poppins", sans-serif;
@@ -150,12 +149,12 @@
             .tab {
                 flex-direction: column;
             }
-        }
     </style>
 </head>
 <body>
-     <!-- Locked Top Bar with Tabs -->
     <div class="top-bar">
         <h2>Capture AI</h2>
         <!-- Navigation Tabs -->
@@ -188,26 +187,25 @@
                 {% endif %}
             </div>
         </div>
-    </div>
-        <div class="container">
-            <!-- Loader -->
-            <div class="loader" id="loader"></div>
-        </div>
-        {% with messages = get_flashed_messages() %} {% if messages %}
         <div class="alert alert-success mt-4" id="flash-message">
             {{ messages[0] }}
         </div>
-        {% endif %} {% endwith %}
     </div>
-     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
     <script>
         // Loader functionality for both forms
         document.getElementById('fileUploadFormImageExtractor').onsubmit = function () {
             document.getElementById('loader').style.display = 'block';
-        };
         // Flash message auto-hide
         setTimeout(function () {

     <title>File Uploader</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" />
     <style>
         body {
             background-color: #1c1c1e;
             font-family: "Poppins", sans-serif;
             .tab {
                 flex-direction: column;
             }
+        }
     </style>
 </head>
 <body>
+    <!-- Locked Top Bar with Tabs -->
     <div class="top-bar">
         <h2>Capture AI</h2>
         <!-- Navigation Tabs -->
                 {% endif %}
             </div>
         </div>
+        <!-- Loader -->
+        <div class="loader" id="loader"></div>
+        {% with messages = get_flashed_messages() %}
+        {% if messages %}
         <div class="alert alert-success mt-4" id="flash-message">
             {{ messages[0] }}
         </div>
+        {% endif %}
+        {% endwith %}
     </div>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
     <script>
         // Loader functionality for both forms
         document.getElementById('fileUploadFormImageExtractor').onsubmit = function () {
             document.getElementById('loader').style.display = 'block';
+        };
         // Flash message auto-hide
         setTimeout(function () {