Update templates/index.html

templates/index.html

@@ -148,7 +148,8 @@
         }
 
         .disabled {
-            cursor: not-allowed !important; /* Set cursor to not-allowed */
+            cursor: not-allowed !important;
+            opacity: 0.6;/* Set cursor to not-allowed */
         }
 
         /* Responsive design */
@@ -215,6 +216,14 @@
         document.getElementById('fileUploadForm').onsubmit = function() {
           document.getElementById('loader').style.display = 'block';
           
+          // Disable the file input and the submit button
+          const fileInput = document.querySelector('input[type="file"]');
+          const submitButton = document.querySelector('input[type="submit"]');
+          fileInput.setAttribute('disabled', 'true');
+          fileInput.classList.add('disabled');
+          submitButton.setAttribute('disabled', 'true');
+          submitButton.classList.add('disabled');
+          
           // Disable the tab buttons and apply disabled class
           const buttons = document.querySelectorAll('.tab button');
           buttons.forEach(button => {
@@ -245,11 +254,18 @@
             processingMessage.remove(); // Remove the processing message
           }
           
-          // Re-enable tab buttons and remove disabled class
+          // Re-enable file input, submit button, and tab buttons
+          const fileInput = document.querySelector('input[type="file"]');
+          const submitButton = document.querySelector('input[type="submit"]');
+          fileInput.removeAttribute('disabled');
+          fileInput.classList.remove('disabled');
+          submitButton.removeAttribute('disabled');
+          submitButton.classList.remove('disabled');
+          
           const buttons = document.querySelectorAll('.tab button');
           buttons.forEach(button => {
             button.removeAttribute('disabled');
-            button.classList.remove('disabled'); // Remove disabled class
+            button.classList.remove('disabled');
           });
         }, 3000); // Adjust timing based on your upload duration