function doAccountAction(requestData, successMessage, failureMessage, silent=false) { return fetch('/account', { method: 'POST', body: requestData, }) .then(response => { if (!response.ok) { throw new Error(`HTTP error! Status: ${response.status}`); } return response.json(); }) .then(data => { if(!silent) { handleResponse(data, successMessage, failureMessage); } return data; // Returning the response data for further processing }) .catch((error) => { console.error('Error:', error); }); } function handlePageResponse(data){ if(data.Navigation){ document.getElementById("navbar").innerHTML = data.Navigation; } if(data.Page){ document.getElementById("pagearea").innerHTML = data.Page; // if(data.PageLocation){ // history.pushState({}, "", data.PageLocation); // } } } function doPageAction(requestData){ return fetch('/page', { method: 'POST', body: requestData, }) .then(response => { if (!response.ok) { throw new Error(`HTTP error! Status: ${response.status}`); } return response.json(); }) .then(data => { handlePageResponse(data); }) .catch((error) => { console.error('Error:', error); }); } function displayList(data, element_id, delete_function=null) { const tableContainer = document.getElementById(element_id); tableContainer.innerHTML = ""; // Clear previous content const table = document.createElement("table"); table.classList.add("list-table"); // Create header row const headerRow = table.insertRow(0); for (const key in data[0]) { const th = document.createElement("th"); th.appendChild(document.createTextNode(key)); headerRow.appendChild(th); } if(typeof delete_function === "function") { const th = document.createElement("th"); th.appendChild(document.createTextNode("Delete")); headerRow.appendChild(th); } // Create data rows for (const line of data) { const dataRow = table.insertRow(); for (const key in line) { const td = document.createElement("td"); td.appendChild(document.createTextNode(line[key])); dataRow.appendChild(td); } if(typeof delete_function === "function") { const td = document.createElement("td"); let delete_button = document.createElement('button'); delete_button.textContent = "Delete" delete_button.onclick = function (){ delete_function(line.ID); } td.appendChild(delete_button); dataRow.appendChild(td); } } tableContainer.appendChild(table); } function handleResponse(data, SuccessMessage, failureMessage) { const StatusMessageElement = document.getElementById("StatusMessage"); if (data.Status === 'Success') { StatusMessageElement.innerText = SuccessMessage; } else { StatusMessageElement.innerText = failureMessage; } // Show the status message StatusMessageElement.style.display = "block"; setTimeout(() => { // Hide the status message after 3 seconds StatusMessageElement.style.opacity = "0"; setTimeout(() => { StatusMessageElement.style.display = "none"; // Reset opacity for future messages StatusMessageElement.style.opacity = "1"; }, 500); }, 3000); } function navigateTo(site, page){ const data = new URLSearchParams(); data.append("action", "getPage"); data.append("site", site); data.append("page", page); doPageAction(data); pageData.currentSite = site; pageData.currentPage = page; } function softReload(){ navigateTo(pageData.currentSite, pageData.currentPage); } function refreshNavbar(){ const data = new URLSearchParams(); data.append("action", "getNavigation"); doPageAction(data); } function logout() { const data = new URLSearchParams(); data.append("action", "logout"); doAccountAction(data, "Logout Successful!", "Logout failed.").then(() => { refreshNavbar(); navigateTo("", pageData.defaultPage); // Expected output: "Success!" }); } function initAjax() { let links = document.querySelectorAll('.navsite_link, .navpage_link'); // Add click event listener to each link links.forEach(function (link) { link.addEventListener('click', function (e) { e.preventDefault(); // Get page and site information let site = this.dataset.site; let page = this.dataset.page; if (site && page) { navigateTo(site, page); } // You can use this information to update the URL or perform other actions }); }); } document.addEventListener('DOMContentLoaded', initAjax); //Login function login() { const email = document.getElementById("login_email").value; const password = document.getElementById("login_password").value; doLogin(email, password); refreshNavbar(); softReload(); } function doLogin(email, password) { const data = new URLSearchParams(); data.append("action", "login"); data.append("email", email); data.append("password", password); doAccountAction(data, "Login Successful!", "Login failed. Please check your credentials."); } function register() { const firstName = document.getElementById("register_firstName").value; const lastName = document.getElementById("register_lastName").value; const email = document.getElementById("register_email").value; const password = document.getElementById("register_password").value; const activationToken = document.getElementById("register_activationToken").value; const data = new URLSearchParams(); data.append("action", "register"); data.append("firstname", firstName); data.append("lastname", lastName); data.append("email", email); data.append("password", password); data.append("activation_token", activationToken); doRegister(data); } function doRegister(requestData) { doAccountAction(requestData, "Registration Successful!", "Registration failed."); } //User settings start function changePassword() { const oldPassword = document.getElementById("changeOldPassword").value; const newPassword = document.getElementById("changeNewPassword").value; const data = new URLSearchParams(); data.append("action", "change_password"); data.append("old_password", oldPassword); data.append("new_password", newPassword); doChangePassword(data, "Password change Successful!", "Password change failed."); } function doChangePassword(requestData, successMessage, failureMessage) { doAccountAction(requestData, successMessage, failureMessage); } function updateUserProfile() { const firstName = document.getElementById("updateFirstName").value; const lastName = document.getElementById("updateLastName").value; const nickname = document.getElementById("updateNickname").value; const minecraftNick = document.getElementById("updateMinecraftNick").value; const data = new URLSearchParams(); data.append("action", "update_user_profile"); data.append("first_name", firstName); data.append("last_name", lastName); data.append("nickname", nickname); data.append("minecraft_nick", minecraftNick); doAccountAction(data, "Profile update Successful!", "Profile update failed."); } function updateEmail() { const newEmail = document.getElementById("updateNewEmail").value; const data = new URLSearchParams(); data.append("action", "update_user_email"); data.append("email", newEmail); doAccountAction(data, "Email update Successful!", "Email update failed."); } function populateUserInfoFields(userData) { document.getElementById("updateFirstName").value = userData.FirstName || ""; document.getElementById("updateLastName").value = userData.LastName || ""; document.getElementById("updateNickname").value = userData.Nickname || ""; document.getElementById("updateMinecraftNick").value = userData.MinecraftNick || ""; document.getElementById("updateNewEmail").value = userData.Email || ""; } async function getUserInfo() { const data = new URLSearchParams(); data.append("action", "get_user_info"); const result = await doAccountAction(data, "User info retrieved Successfully!", "User info retrieval failed.", true); if (result && result.Status === "Success") { populateUserInfoFields(result.UserInfo); } } document.addEventListener('DOMContentLoaded', getUserInfo); //User settings end //Admin settings start async function addActivationCodes() { const count = document.getElementById("activationCodeCount").value; const data = new URLSearchParams(); data.append("action", "add_activation_codes"); data.append("count", count); const result = await doAccountAction(data, "Activation codes added Successfully!", "Activation codes addition failed."); displayList(result.ActivationCodes, "codeListTable", deleteActivationCode); } async function listUsers() { const data = new URLSearchParams(); data.append("action", "list_users"); const result = await doAccountAction(data, "User list retrieved Successfully!", "User list retrieval failed."); if (result && result.Status === "Success") { displayList(result.Users, "userListTable", deleteUser); } } async function listActivationCodes() { const data = new URLSearchParams(); data.append("action", "list_activation_codes"); const result = await doAccountAction(data, "Activation code list retrieved Successfully!", "Activation code list retrieval failed."); displayList(result.ActivationCodes, "codeListTable", deleteActivationCode); } function deleteUser(userId) { const data = new URLSearchParams(); data.append("action", "delete_user"); data.append("user_id", userId); doAccountAction(data, "User deleted Successfully!", "User deletion failed."); listUsers(); } function deleteActivationCode(activationCode) { const data = new URLSearchParams(); data.append("action", "delete_activation_code"); data.append("activation_code", activationCode); doAccountAction(data, "Activation code deleted Successfully!", "Activation code deletion failed."); listActivationCodes(); } document.addEventListener('DOMContentLoaded', listUsers); document.addEventListener('DOMContentLoaded', listActivationCodes); //Admin settings end