Sep 16 - Optimize code, part 1

static/js/qr_destination.js

@@ -680,16 +680,28 @@ function handleCheckinError(error) {
 }
 
 function updateSubmitButton(isLoading) {
-  const submitButton = document.getElementById("submitCheckin");
+  // The check-in button's id is "submitButton" (qr_destination.html). Looking
+  // only for the old "submitCheckin" id found nothing, so after the form swap
+  // at 1.5 s the button never showed "Processing" and employees tapped again.
+  const submitButton =
+    document.getElementById("submitCheckin") ||
+    document.getElementById("submitButton");
   if (submitButton) {
     if (isLoading) {
       submitButton.disabled = true;
       submitButton.innerHTML =
-        '<i class="fas fa-spinner fa-spin"></i> <span data-en="Processing..." data-es="Procesando...">Processing...</span>';
+        '<i class="fas fa-spinner fa-spin"></i>' +
+        '<span class="english-text">Processing</span>' +
+        '<span class="language-separator">/</span>' +
+        '<span class="spanish-text">Procesando</span>';
     } else {
       submitButton.disabled = false;
-      submitButton.innerHTML =
-        '<i class="fas fa-user-check"></i> <span data-en="Submit" data-es="Someter">Submit</span>';
+      if (typeof renderSubmitButton === "function") {
+        renderSubmitButton(); // the page's own Check In / Check Out label
+      } else {
+        submitButton.innerHTML =
+          '<i class="fas fa-user-check"></i> <span data-en="Submit" data-es="Someter">Submit</span>';
+      }
     }
     applyTranslations();
   }