Update text only on clicked button on application form (#4773)

Fixes #4771

Add "…" to the button text on the clicked button instead of setting
"Submitting..." as the text on all of them when one was clicked.

Author: frjo

hypha/apply/funds/templates/funds/application_base.html

@@ -100,6 +100,7 @@ <h4>
                         <button
                             class="w-full sm:w-auto btn btn-primary"
                             type="submit"
+                            name="submit"
                             disabled
                         >
                             {% trans "Submit for review" %}

hypha/static_src/javascript/application-form.js

@@ -47,17 +47,23 @@
   }
 
   // Block multiple form submits.
+  let clickedButton = null;
+  submitButtons.forEach(function (button) {
+    button.addEventListener("click", function () {
+      clickedButton = button;
+    });
+  });
+
   form.addEventListener("submit", function () {
     // Use setTimeout with 0 delay to ensure form submission begins
     // before the buttons are disabled, allowing their values to be included
     setTimeout(function () {
       submitButtons.forEach(function (button) {
         button.setAttribute("disabled", "disabled");
-        if (button.textContent) {
-          button.dataset.originalText = button.textContent;
-          button.textContent = "Submitting...";
-        }
       });
+      if (clickedButton && clickedButton.textContent) {
+        clickedButton.textContent = clickedButton.textContent.trim() + "…";
+      }
     }, 0);
   });