From 7c7814b796f47bd13d854cf7cca125f01c7dba20 Mon Sep 17 00:00:00 2001 From: YitongXX <100065081+YitongXX@users.noreply.github.com> Date: Wed, 7 Sep 2022 12:07:50 +0800 Subject: [PATCH 1/2] start the new branch --- src/js/login.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/js/login.js b/src/js/login.js index f5641f6..24bbd09 100644 --- a/src/js/login.js +++ b/src/js/login.js @@ -1,6 +1,8 @@ -import { auth } from "./libs/firebaseConfig"; -import {signInWithEmailAndPassword} from "firebase/auth"; +import { signInWithEmailAndPassword } from "firebase/auth"; +import { auth } from "./libs/firebaseConfig"; +import { showNotification } from "./libs/utils"; console.log(auth); +showNotification("Login Page"); From fc17d8472a6b416792f5264aeff73cb9270f23cf Mon Sep 17 00:00:00 2001 From: YitongXX <100065081+YitongXX@users.noreply.github.com> Date: Sun, 11 Sep 2022 10:25:11 +0800 Subject: [PATCH 2/2] Add login function --- src/js/login.js | 15 +++++ src/pages/admin/login.html | 121 +++++++++++++++++++------------------ 2 files changed, 78 insertions(+), 58 deletions(-) diff --git a/src/js/login.js b/src/js/login.js index 24bbd09..95e9245 100644 --- a/src/js/login.js +++ b/src/js/login.js @@ -6,3 +6,18 @@ import { showNotification } from "./libs/utils"; console.log(auth); showNotification("Login Page"); + +const loginForm = document.querySelector(".loginForm"); +loginForm.addEventListener("submit", (e) => { + e.preventDefault(); + const email = loginForm.email.value; + const password = loginForm.password.value; + + signInWithEmailAndPassword(auth, email, password) + .then(() => { + console.log("user logged in"); + }) + .catch((err) => { + console.log(err.message); + }); +}); diff --git a/src/pages/admin/login.html b/src/pages/admin/login.html index c189714..4a2d866 100644 --- a/src/pages/admin/login.html +++ b/src/pages/admin/login.html @@ -1,68 +1,73 @@ - - - - + + + + - Music Lounge - Login - - + Music Lounge - Login + + - - - - - - - + + + + + + + - -
-
- -
-
- -

Hello,friend!

-

Enter your personal details and start journey with us

- -
-
-
- +