feat: add onload js setup

Author: hperl

views/login.hbs

@@ -2,6 +2,7 @@
   {{{card}}}
 
   {{> webauthn_setup nodes=nodes webAuthnHandler=webAuthnHandler webauthnTriggerName="webauthn_login_trigger"}}
+  {{> js_setup nodes=nodes}}
   {{#if extraPartial }}
     {{> (extraPartial) }}
   {{/if}}

views/partials/js_setup.hbs

@@ -0,0 +1,18 @@
+{{! This partial sets up the onclick and onload event handlers for each passkey node.}}
+<script type="text/javascript">
+    // register onclick and onload event handlers for each passkey node.
+    window.addEventListener("load", () => {
+    {{#each (onlyNodes nodes "passkey" "")}}
+        {{#if attributes.onclick}}
+            // onclick for {{attributes.name}}
+            document.getElementsByName("{{attributes.name}}").forEach((el) => {
+                el.addEventListener("click", () => { {{{attributes.onclick}}} })
+            })
+        {{/if}}
+        {{#if attributes.onload}}
+            // onload for {{attributes.name}}
+            {{{attributes.onload}}}
+        {{/if}}
+    {{/each}}
+    })
+</script>

views/registration.hbs

@@ -3,6 +3,7 @@
   {{{card}}}
 
   {{> webauthn_setup nodes=nodes webAuthnHandler=webAuthnHandler webauthnTriggerName="webauthn_register_trigger"}}
+  {{> js_setup nodes=nodes}}
   {{#if extraPartial }}
     {{> (extraPartial) }}
   {{/if}}

views/settings.hbs

@@ -5,5 +5,5 @@
     </div>
 
   {{> webauthn_setup nodes=nodes webAuthnHandler=webAuthnHandler webauthnTriggerName="webauthn_register_trigger"}}
-
+  {{> js_setup nodes=nodes}}
 </div>