76 lines
2.3 KiB
JavaScript
76 lines
2.3 KiB
JavaScript
const loginForm = document.getElementById("login-form");
|
|
const errorMessage = document.getElementById("error-message");
|
|
const rememberMe = document.getElementById("remember-me");
|
|
const emailInput = document.getElementById("email");
|
|
|
|
if (emailInput && localStorage.getItem("email")) {
|
|
emailInput.value = localStorage.getItem("email");
|
|
}
|
|
|
|
if (loginForm) {
|
|
loginForm.addEventListener("submit", async (e) => {
|
|
e.preventDefault();
|
|
|
|
const email = emailInput?.value.trim();
|
|
const password = document.getElementById("password")?.value.trim();
|
|
|
|
if (!email || !password) {
|
|
if (errorMessage) {
|
|
errorMessage.style.display = "block";
|
|
errorMessage.textContent =
|
|
"Please enter both email and password.";
|
|
}
|
|
return;
|
|
}
|
|
|
|
if (rememberMe?.checked) {
|
|
localStorage.setItem("email", email);
|
|
} else {
|
|
sessionStorage.setItem("email", email);
|
|
}
|
|
|
|
try {
|
|
const response = await fetch("/api/auth/login", {
|
|
method: "POST",
|
|
headers: { "Content-Type": "application/json" },
|
|
credentials: "same-origin",
|
|
body: JSON.stringify({ email, password }),
|
|
});
|
|
|
|
const data = await response.json();
|
|
|
|
if (data.success) {
|
|
window.location.href = "/";
|
|
} else {
|
|
if (errorMessage) {
|
|
errorMessage.style.display = "block";
|
|
errorMessage.textContent =
|
|
data.error ||
|
|
"Invalid email or password. Please try again.";
|
|
}
|
|
}
|
|
} catch (error) {
|
|
console.error("Login error:", error);
|
|
if (errorMessage) {
|
|
errorMessage.style.display = "block";
|
|
errorMessage.textContent =
|
|
"An error occurred. Please try again.";
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
const passwordInput = document.getElementById("password");
|
|
const togglePassword = document.getElementById("toggle-password");
|
|
|
|
togglePassword.addEventListener("click", () => {
|
|
if (passwordInput.type === "password") {
|
|
passwordInput.type = "text";
|
|
togglePassword.innerHTML =
|
|
'<path d="M12 4.5c-5 0-9.27 3.11-11 7.5 1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 13c-3.03 0-5.5-2.47-5.5-5.5s2.47-5.5 5.5-5.5 5.5 2.47 5.5 5.5-2.47 5.5-5.5 5.5z"/>';
|
|
} else {
|
|
passwordInput.type = "password";
|
|
togglePassword.innerHTML =
|
|
'<path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 13c-3.03 0-5.5-2.47-5.5-5.5s2.47-5.5 5.5-5.5 5.5 2.47 5.5 5.5-2.47 5.5-5.5 5.5zm0-9a3.5 3.5 0 100 7 3.5 3.5 0 000-7z"/>';
|
|
}
|
|
});
|