joachim/FileRise
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes for new checkAuth and other tweaks

Browse Source
This commit is contained in:
Ryan
2025-02-21 20:37:03 -05:00
committed by GitHub
parent f083317eb5
commit ce9d40a458
1 changed files with 58 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
auth.js
View File

@@ -1,42 +1,62 @@
let authCredentials = { username: '', password: '' };
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
async function authenticateUser(username, password) {
const response = await fetch('auth.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ username, password }),
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));
});
const result = await response.json();
return result.authenticated;
}
function checkAuthentication() {
if (authCredentials.username && authCredentials.password) {
document.getElementById('loginForm').style.display = 'none';
document.getElementById('uploadForm').style.display = 'block';
loadFileList();
} else {
document.getElementById('loginForm').style.display = 'block';
document.getElementById('uploadForm').style.display = 'none';
}
}
document.getElementById('authForm').addEventListener('submit', async function(event) {
event.preventDefault();
const username = document.getElementById('loginUsername').value;
const password = document.getElementById('loginPassword').value;
const isAuthenticated = await authenticateUser(username, password);
if (isAuthenticated) {
authCredentials = { username, password };
checkAuthentication();
} else {
document.getElementById('statusMessage').innerHTML = 'Incorrect username or password!';
}
});
document.addEventListener('DOMContentLoaded', checkAuthentication);
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));
}