From 20f700761525728661efbd4b94ce07bb89e13710 Mon Sep 17 00:00:00 2001
From: Risto Lahtela <24460436+Rsl1122@users.noreply.github.com>
Date: Sun, 11 Oct 2020 15:25:34 +0300
Subject: [PATCH] Added 'Enter' keydown listener to login page

Affects issues:
- Close #1557
---
 .../main/resources/assets/plan/web/login.html | 76 +++++++++++--------
 1 file changed, 44 insertions(+), 32 deletions(-)
diff --git a/Plan/common/src/main/resources/assets/plan/web/login.html b/Plan/common/src/main/resources/assets/plan/web/login.html
index 03f230a26..b0f4e03e1 100644
--- a/Plan/common/src/main/resources/assets/plan/web/login.html
+++ b/Plan/common/src/main/resources/assets/plan/web/login.html
@@ -24,6 +24,44 @@
 
 <body class="bg-plan bg-gradient">
 
+<script>
+    function login() {
+        msg.addClass('hidden');
+        const user = $('#inputUser').val();
+        if (!user || user.length < 1) {
+            return displayError('You need to specify a Username');
+        }
+        if (user.length > 50) {
+            return displayError('Username can be up to 50 characters, yours is ' + user.length);
+        }
+        const password = $('#inputPassword').val();
+        if (!password || password.length < 1) {
+            return displayError('You need to specify a Password');
+        }
+        jsonRequest(`./auth/login?user=${encodeURIComponent(user)}&password=${encodeURIComponent(password)}`, (json, error) => {
+            if (error) {
+                if (error.includes("HTTP 403")) {
+                    location.reload();
+                }
+                $('#inputPassword').val("");
+                return displayError('Login failed: ' + error);
+            }
+            if (json && json.success) {
+                const urlParams = new URLSearchParams(window.location.search);
+                const cameFrom = urlParams.get('from');
+                window.location.href = cameFrom ? cameFrom : './';
+            } else {
+                return displayError('Login failed: ' + json.error);
+            }
+        });
+    }
+
+    document.addEventListener('keydown', (event) => {
+        console.log(event.key);
+        if (event.key === 'Enter') login();
+    });
+</script>
+
 <div class="container">
 
     <!-- Outer Row -->
@@ -52,9 +90,9 @@
                                                id="inputPassword" placeholder="Password"
                                                type="password">
                                     </div>
-                                    <a class="btn bg-plan btn-user btn-block" href="#" id="login-button">
+                                    <button class="btn bg-plan btn-user btn-block" href="#" id="login-button">
                                         Login
-                                    </a>
+                                    </button>
                                 </form>
                                 <hr>
                                 <div class="text-center">
@@ -181,6 +219,10 @@
 <script src="js/logonsine.js"></script>
 <script id="mainScript">
     drawSine("decoration");
+    document.getElementById('login-button').addEventListener('click', event => {
+        event.preventDefault();
+        login();
+    });
 
     const msg = $(`#fail-msg`);
 
@@ -190,36 +232,6 @@
     }
 
     $('#forgot-button').click(() => $('#forgotModal').modal());
-    $('#login-button').click(() => {
-        msg.addClass('hidden');
-        const user = $('#inputUser').val();
-        if (!user || user.length < 1) {
-            return displayError('You need to specify a Username');
-        }
-        if (user.length > 50) {
-            return displayError('Username can be up to 50 characters, yours is ' + user.length);
-        }
-        const password = $('#inputPassword').val();
-        if (!password || password.length < 1) {
-            return displayError('You need to specify a Password');
-        }
-        jsonRequest(`./auth/login?user=${encodeURIComponent(user)}&password=${encodeURIComponent(password)}`, (json, error) => {
-            if (error) {
-                if (error.includes("HTTP 403")) {
-                    location.reload();
-                }
-                $('#inputPassword').val("");
-                return displayError('Login failed: ' + error);
-            }
-            if (json && json.success) {
-                const urlParams = new URLSearchParams(window.location.search);
-                const cameFrom = urlParams.get('from');
-                window.location.href = cameFrom ? cameFrom : './';
-            } else {
-                return displayError('Login failed: ' + json.error);
-            }
-        });
-    })
 </script>
 </body>
 
