63 lines
2.7 KiB
JavaScript
63 lines
2.7 KiB
JavaScript
document.addEventListener("DOMContentLoaded", function () {
|
|
document.getElementById("fileListContainer").style.display = "none"; // Hide file list on load
|
|
document.getElementById("uploadForm").style.display = "none"; // Hide upload form on load
|
|
|
|
checkAuthentication();
|
|
|
|
document.getElementById("authForm").addEventListener("submit", function (event) {
|
|
event.preventDefault();
|
|
|
|
const formData = {
|
|
username: document.getElementById("loginUsername").value.trim(),
|
|
password: document.getElementById("loginPassword").value.trim()
|
|
};
|
|
|
|
console.log("Sending login data:", formData);
|
|
|
|
fetch("auth.php", {
|
|
method: "POST",
|
|
headers: { "Content-Type": "application/json" },
|
|
body: JSON.stringify(formData)
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
console.log("Login response:", data);
|
|
if (data.success) {
|
|
console.log("Login successful.");
|
|
document.getElementById("loginForm").style.display = "none";
|
|
document.getElementById("uploadForm").style.display = "block";
|
|
document.getElementById("fileListContainer").style.display = "block";
|
|
checkAuthentication(); // Recheck authentication to show the file list
|
|
} else {
|
|
alert("Login failed: " + (data.error || "Unknown error"));
|
|
}
|
|
})
|
|
.catch(error => console.error("Error logging in:", error));
|
|
});
|
|
});
|
|
|
|
function checkAuthentication() {
|
|
fetch("checkAuth.php")
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
console.log("Authentication check:", data);
|
|
if (data.authenticated) {
|
|
console.log("User authenticated, showing file list.");
|
|
document.getElementById("loginForm").style.display = "none";
|
|
document.getElementById("uploadForm").style.display = "block";
|
|
document.getElementById("fileListContainer").style.display = "block";
|
|
loadFileList();
|
|
} else {
|
|
// Only log a warning if the file list is supposed to be shown (i.e. after a login)
|
|
if (document.getElementById("uploadForm").style.display === "block") {
|
|
console.warn("User not authenticated.");
|
|
}
|
|
document.getElementById("loginForm").style.display = "block";
|
|
document.getElementById("uploadForm").style.display = "none";
|
|
document.getElementById("fileListContainer").style.display = "none";
|
|
}
|
|
})
|
|
.catch(error => console.error("Error checking authentication:", error));
|
|
}
|
|
|