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