b/260928316 Allow keyboard-based form submission (#21)

GoogleCloudPlatform · Dec 1, 2022 · 5cb6932 · 5cb6932
1 parent 3efca38
commit 5cb6932
Showing 1 changed file with 17 additions and 12 deletions.
diff --git a/sources/src/main/resources/META-INF/resources/index.html b/sources/src/main/resources/META-INF/resources/index.html
@@ -355,22 +355,27 @@ <h2 class="mdl-card__title-text">Audit and review just-in-time access</h2>
                 const stepperElement = document.querySelector("ul.mdl-stepper");
                 console.assert(stepperElement);
 
-                const Stepper = stepperElement.MaterialStepper;
+                const stepper = stepperElement.MaterialStepper;
                 const stepElement = stepperElement.querySelector(this.selector);
 
-                stepElement.addEventListener(
-                    "onstepnext",
-                    async (event) => {
-                        try {
-                            await nextHandler();
-                            Stepper.next();
-                        }
-                        catch (error) {
-                            Stepper.error(error);
-                        }
-                    });
+                const wrappedHandler = async (event) => {
+                    try {
+                        await nextHandler();
+                        stepper.next();
+                    }
+                    catch (error) {
+                        stepper.error(error);
+                    }
+                };
 
+                stepElement.addEventListener("onstepnext", wrappedHandler);
                 stepElement.addEventListener("onstepcancel", (event) => location.reload());
+
+                // Trigger handler when a form is submitted.
+                $(this.selector + " form").submit(function (event) {
+                    event.preventDefault();
+                    wrappedHandler(event);
+                });
             }
         }