Skip to content

Commit 59a4bc5

Browse files
committed
Axed email login
1 parent dad56a4 commit 59a4bc5

File tree

3 files changed

+1
-135
lines changed

3 files changed

+1
-135
lines changed

Diff for: public/css/cards.css

-35
This file was deleted.

Diff for: public/index.html

+1-46
Original file line numberDiff line numberDiff line change
@@ -45,55 +45,10 @@ <h2 class="subtitle is-4">
4545
<a id="googleSignIn" class="button is-medium is-info is-outlined">
4646
Sign In with Google
4747
</a>
48-
<a id="emailSignIn" class="button is-medium is-danger is-outlined">
49-
Sign In with Email
50-
</a>
5148
</p>
5249
</div>
5350
</div>
54-
</div>
55-
<div class="modal">
56-
<div class="modal-background"></div>
57-
<div class="modal-content">
58-
<div class="card has-text-centered">
59-
<div class="column">
60-
<h3 class="title has-text-black">Login</h3>
61-
<hr class="login-hr">
62-
<p class="subtitle has-text-black">Please login to proceed.</p>
63-
<div class="box">
64-
<form>
65-
<div class="field">
66-
<div class="control">
67-
<input id="emailInput" class="input is-large" type="email"
68-
placeholder="Your Email" autofocus="">
69-
</div>
70-
</div>
71-
72-
<div class="field">
73-
<div class="control">
74-
<input id="passwordInput" class="input is-large" type="password"
75-
placeholder="Your Password">
76-
</div>
77-
78-
</div>
79-
80-
<div class="field">
81-
<div class="control">
82-
<input id="passwordConfirmInput" class="input is-hidden is-large"
83-
type="password" placeholder="Confirm Your Password">
84-
</div>
85-
86-
</div>
87-
<a id="loginButton" class="button is-block is-info is-large is-fullwidth">Login</a>
88-
</form>
89-
</div>
90-
<p class="has-text-grey">
91-
<a>Sign Up</a>
92-
</p>
93-
</div>
94-
</div>
95-
</div>
96-
</div>
51+
</div>
9752
</div>
9853
</section>
9954
<script src="js/signIn.js"></script>

Diff for: public/js/signin.js

-54
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
document.querySelector("#googleSignIn").addEventListener("click", () => {
32
const provider = new firebase.auth.GoogleAuthProvider();
43
firebase.auth().signInWithPopup(provider).then(() => {
@@ -7,56 +6,3 @@ document.querySelector("#googleSignIn").addEventListener("click", () => {
76
console.log("login failed ", error);
87
})
98
})
10-
11-
document.querySelector("#emailSignIn").addEventListener("click", () => {
12-
document.querySelector(".modal").classList.add("is-active");
13-
})
14-
15-
document.querySelector(".modal-background").addEventListener("click", () => {
16-
document.querySelector(".modal").classList.remove("is-active");
17-
})
18-
19-
{
20-
let buttonAction = () => {
21-
const email = document.querySelector("#emailInput").value;
22-
const password = document.querySelector("#passwordInput").value;
23-
firebase.auth().signInWithEmailAndPassword(email, password)
24-
.then(() => {
25-
window.location = "writeNote.html";
26-
})
27-
.catch((error) => {
28-
alert(error);
29-
});
30-
}
31-
32-
function listenerFunction() {
33-
buttonAction();
34-
}
35-
36-
document.querySelector("#loginButton").addEventListener("click", listenerFunction);
37-
38-
document.querySelector(".has-text-grey").addEventListener("click", () => {
39-
const confirmPass = document.querySelector("#passwordConfirmInput");
40-
confirmPass.classList.remove("is-hidden");
41-
document.querySelector(".has-text-grey").classList.add("is-hidden");
42-
document.querySelector("#loginButton").innerHTML = "Create New Account";
43-
buttonAction = () => {
44-
const email = document.querySelector("#emailInput").value;
45-
const password = document.querySelector("#passwordInput").value;
46-
const password2 = confirmPass.value;
47-
console.log(password2);
48-
console.log(password);
49-
if (password2 == password) {
50-
firebase.auth().createUserWithEmailAndPassword(email, password)
51-
.then(() => {
52-
window.location = "writeNote.html";
53-
})
54-
.catch((error) => {
55-
alert(error);
56-
});
57-
} else {
58-
alert("Your passwords don't match.");
59-
}
60-
};
61-
})
62-
}

0 commit comments

Comments
 (0)