From f0be285b3e1d34d259e90282cc4d2b92e91cfb72 Mon Sep 17 00:00:00 2001
From: Robbie Antenesse <dev@alamantus.com>
Date: Fri, 24 May 2019 16:38:08 -0600
Subject: [PATCH] Enable login when pressing enter on fields

---
 src/js/account/render.js         |  4 ++--
 src/js/account/setupListeners.js | 24 ++++++++++++++++++++++++
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/js/account/render.js b/src/js/account/render.js
index c2b0730..38f2d92 100644
--- a/src/js/account/render.js
+++ b/src/js/account/render.js
@@ -18,7 +18,7 @@ export function renderLoginForm() {
             <input type="password" required id="loginPassword" maxlength="100">
           </label>
           <section id="loginErrorMessages"></section>
-          <a id="loginSubmit" class="button">Log In</a><br>
+          <button id="loginSubmit" class="button">Log In</button><br>
           <a id="forgotPasswordButton" class="small button">Forgot Password?</a>
         </div>
         <div>
@@ -42,7 +42,7 @@ export function renderLoginForm() {
             <input type="checkbox" id="createNewAllowEmails">
           </label>
           <section id="createAccountErrorMessages"></section>
-          <a id="createAccountSubmit" class="button">Create Account</a>
+          <button id="createAccountSubmit" class="button">Create Account</button>
         </div>
       </div>
     </section>
diff --git a/src/js/account/setupListeners.js b/src/js/account/setupListeners.js
index f17816b..60670d4 100644
--- a/src/js/account/setupListeners.js
+++ b/src/js/account/setupListeners.js
@@ -10,6 +10,30 @@ export function setupLoginModal(modal) {
     });
   });
 
+  [
+    document.getElementById('loginEmail'),
+    document.getElementById('loginPassword'),
+  ].forEach(field => {
+    field.addEventListener('keydown', event => {
+      if (['Enter', 'Return'].includes(event.key)) {
+        logIn();
+      }
+    });
+  });
+
+  [
+    document.getElementById('createNewEmail'),
+    document.getElementById('createNewPassword'),
+    document.getElementById('createNewConfirm'),
+    document.getElementById('createNewPublicName'),
+  ].forEach(field => {
+    field.addEventListener('keydown', event => {
+      if (['Enter', 'Return'].includes(event.key)) {
+        createAccount();
+      }
+    });
+  });
+
   document.getElementById('loginSubmit').addEventListener('click', logIn);
   document.getElementById('createAccountSubmit').addEventListener('click', createAccount);
 }