Merge pull request #1289 from anwesha2002/feat/Login_without_validate…

…d_credentials_fixed_frontend fix: Login without validating any email or password
apu52 · Aug 2, 2024 · 303b127 · 303b127
2 parents 0f10d5d + 1ca1653
commit 303b127
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 5 deletions.
diff --git a/login/login.css b/login/login.css
@@ -369,6 +369,19 @@ input {
         z-index: 10000;
     }
 
+/* Add styles for the success banners */
+.decline-banner {
+  display: none;
+  background-color: #cc0000;
+  color: white;
+  padding: 15px;
+  text-align: center;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 10000;
+}
+
 /* hover ibn social icons */
 .social-container .fb:hover {
   color: white;

diff --git a/newLogin.html b/newLogin.html
@@ -12,7 +12,9 @@
 </head>
 <body>
   <div id="loginSuccessBanner" class="success-banner">Logged in successfully</div>
+  <div id="loginDeclineBanner" class="decline-banner">Logged in Blocked <br> credentials didn't match</div>
     <div id="registerSuccessBanner" class="success-banner">Registered successfully</div>
+    <div id="registerDeclineBanner" class="decline-banner">Registered Blocked <br> Same email address</div>
   <div class="main-container">
     <div class="container" id="container">
       <div class="form-container register-container">
@@ -112,6 +114,8 @@ <h1 class="title">Start your <br> journey now</h1>
       const container = document.getElementById("container");
       const loginSuccessBanner = document.getElementById("loginSuccessBanner");
       const registerSuccessBanner = document.getElementById("registerSuccessBanner");
+      const loginDeclineBanner = document.getElementById("loginDeclineBanner");
+      const registerDeclineBanner = document.getElementById("registerDeclineBanner");
 
       registerButton.addEventListener("click", (event) => {
         event.preventDefault();
@@ -155,10 +159,25 @@ <h1 class="title">Start your <br> journey now</h1>
             alert('Name Or Password Cannot Contain <,>,", or /');
             return;
           }
+
+          if(localStorage.getItem("email")===email){
+            registerDeclineBanner.style.display = "block";
+            setTimeout(() => {
+              registerDeclineBanner.style.display = "none";
+            }, 6000);
+          }
+
+          localStorage.setItem("name", name)
+          localStorage.setItem("email", email)
+          localStorage.setItem("password", password)
+
           // Show register success banner
           registerSuccessBanner.style.display = "block";
           setTimeout(() => {
             registerSuccessBanner.style.display = "none";
+            document.getElementById("registerName").value = "";
+            document.getElementById("registerEmail").value = "";
+            document.getElementById("registerPassword").value = "";
           }, 3000);
         } else {
           email = document.getElementById("loginEmail").value;
@@ -175,11 +194,23 @@ <h1 class="title">Start your <br> journey now</h1>
             alert('Password cannot contain <,>,", or /');
             return;
           }
-          // Show login success banner
-          loginSuccessBanner.style.display = "block";
-          setTimeout(() => {
-            loginSuccessBanner.style.display = "none";
-          }, 3000);
+          const email_check = localStorage.getItem("email")
+          const password_check = localStorage.getItem("password")
+
+          if (email_check === email && password_check=== password){
+            // Show login success banner
+            loginSuccessBanner.style.display = "block";
+            setTimeout(() => {
+              loginSuccessBanner.style.display = "none";
+            }, 3000);
+            document.getElementById("loginEmail").value = "";
+            document.getElementById("loginPassword").value = "";
+          }else{
+            loginDeclineBanner.style.display = "block";
+            setTimeout(() => {
+              loginDeclineBanner.style.display = "none";
+            }, 3000);
+          }
         }
       }