From 226292f18e67e93d39ba7c3f8c1303ee08044fec Mon Sep 17 00:00:00 2001
From: Amin Jalal <mo13241234@gmail.com>
Date: Thu, 14 Nov 2024 17:07:02 +0300
Subject: [PATCH 1/2] Add ability to login using enter key.

---
 website/pages/login.html | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/website/pages/login.html b/website/pages/login.html
index 27f99e7..896e36a 100644
--- a/website/pages/login.html
+++ b/website/pages/login.html
@@ -193,7 +193,14 @@ <h6 style="text-align: center; color: rgb(197 197 197); font-weight: 500; font-s
             }
         })
 
-        document.getElementById('loginButton').addEventListener('click', function() {
+        function login(event) {
+            // Check the identity of the key that was pressed.
+            if(event.type !== "click") {
+                if(event.key !== 'Enter') {
+                    return;
+                }
+            }
+            
             const emailInput = document.getElementById('emailInput');
             const passwordInput = document.getElementById('passwordInput');
             const emailValue = emailInput.value.trim();
@@ -228,7 +235,10 @@ <h6 style="text-align: center; color: rgb(197 197 197); font-weight: 500; font-s
             // Redirect to index.html
             alert('Login successful!');
             window.location.href = '../../index.html';
-        });
+        }
+
+        document.getElementById('loginButton').addEventListener('click', login);
+        document.body.addEventListener("keyup", login);
     </script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
     <script src="../scripts/script.js"></script>

From b6aecb79f99de7aec5e437f6f0117f4a74396d41 Mon Sep 17 00:00:00 2001
From: Amin Jalal <mo13241234@gmail.com>
Date: Thu, 14 Nov 2024 17:13:03 +0300
Subject: [PATCH 2/2] Signup page.

---
 website/pages/login.html  |  4 ++--
 website/pages/signup.html | 13 ++++++++++---
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/website/pages/login.html b/website/pages/login.html
index 896e36a..21eade6 100644
--- a/website/pages/login.html
+++ b/website/pages/login.html
@@ -195,7 +195,7 @@ <h6 style="text-align: center; color: rgb(197 197 197); font-weight: 500; font-s
 
         function login(event) {
             // Check the identity of the key that was pressed.
-            if(event.type !== "click") {
+            if(event.type !== 'click') {
                 if(event.key !== 'Enter') {
                     return;
                 }
@@ -238,7 +238,7 @@ <h6 style="text-align: center; color: rgb(197 197 197); font-weight: 500; font-s
         }
 
         document.getElementById('loginButton').addEventListener('click', login);
-        document.body.addEventListener("keyup", login);
+        document.addEventListener("keyup", login);
     </script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
     <script src="../scripts/script.js"></script>
diff --git a/website/pages/signup.html b/website/pages/signup.html
index 7311df3..1e576a5 100644
--- a/website/pages/signup.html
+++ b/website/pages/signup.html
@@ -99,7 +99,7 @@
     <center>
         <div class="login-container" style="padding-top: 20px;">
             <h1 style="text-align: center; color: rgb(255, 255, 255); font-weight: 400; font: sans-serif;">SIGN UP</h1>
-            <div id="errorContainer" class="error-message"></div>
+            <div id="errorContainer" class="error-message" style="color: white"></div>
             <div style="text-align: left; margin-left: 10%;" class="mb-3">
                 <label for="emailInput" class="form-label" style="color: white;">Email address</label>
                 <input type="email" class="form-control" id="emailInput" placeholder="Enter your Email Address" style="width: 90%; margin-top: -5px">
@@ -199,7 +199,12 @@ <h1 style="text-align: center; color: rgb(255, 255, 255); font-weight: 400; font
             })
 
             // Function to handle signup
-            document.getElementById('signupButton').addEventListener('click', function () {
+            function signup(event) {
+                if(event.type !== "click") {
+                    if(event.key !== 'Enter') {
+                        return;
+                    }
+                }
                 const emailInput = document.getElementById('emailInput');
                 const passwordInput = document.getElementById('passwordInput');
                 const confirmPasswordInput = document.getElementById('confirmPasswordInput');
@@ -248,7 +253,9 @@ <h1 style="text-align: center; color: rgb(255, 255, 255); font-weight: 400; font
                 // Redirect to login page
                 alert('Your account has been created successfully!');
                 window.location.href = 'login.html';
-            });
+            }
+            document.getElementById('signupButton').addEventListener('click', signup);
+            document.addEventListener('keyup', signup);
 
             // Load remembered email on page load
             window.onload = function () {