| Name | +Price | +Enabled | +Actions | +
|---|
| + | Item Name | +Amount | +Price | +Stock | ++ | + |
|---|---|---|---|---|---|---|
| Loading items... | +||||||
+ Shows the most recently received item lists from connected clients.
+ Data comes from /api/items.
+
| Source | +Item | +Count | +Last updated | +
|---|---|---|---|
| Loading… | +|||
+ Live view of item lists reported by connected clients. +
+ + + + diff --git a/public/js/index.js b/public/js/index.js new file mode 100644 index 00000000..b8b2b602 --- /dev/null +++ b/public/js/index.js @@ -0,0 +1,799 @@ +// --- Utility functions --- +function formatItemId(id) { + if (!id && id !== 0) return "(unknown)"; + id = String(id); + + // Remove any NBT/variant suffixes that might follow a space or bracket e.g. "minecraft:stone{...}" + // Keep it simple: strip anything starting with '{' or '[' or ' ' after id body. + id = id.split("{")[0].split("[")[0].trim(); + + // If there is a namespace, take the part after colon + const parts = id.split(":"); + let name = parts.length > 1 ? parts[1] : parts[0]; + + // Normalize common separators + name = name.replace(/[-.]/g, "_"); + + // Replace multiple underscores with single space + name = name.replace(/_+/g, " ").trim(); + + // If name contains uppercase letters (already pretty), keep spacing but fix underscores + if (/[A-Z]/.test(name)) { + // Replace underscores and keep casing; ensure single spaces + name = name.replace(/_+/g, " ").trim(); + return name; + } + + // Lowercase everything then title-case just the first word for a natural look: + // "sugar cane" -> "Sugar cane", "redstone_dust" -> "Redstone dust" + name = name.toLowerCase().split(" ").filter(Boolean); + + if (name.length === 0) return id; + + // Title-case only first word, leave rest lowercase (matches examples like "Sugar cane") + const first = name[0]; + const rest = name.slice(1); + const firstCap = first.charAt(0).toUpperCase() + first.slice(1); + const result = [firstCap].concat(rest).join(" "); + + return result; +} + +// /api/users output is {{"ok":true,"users":[{"username":"ZareMate","password":"74b669f042afd3fccff6d3915f436b5bf3ad98836650ecfacf5062c7229115cb","balance":12858,"adresses":["PKP Centralny: Poczta - ZareMate","Factory 1: Manual"]},{"username":"qawe","password":"cd9ecb80ec16c7d73f7713f5e25a5d96b68bfe4debcfefc214f5351ee325e09f","balance":7027.52,"adresses":["Jajomyje 17: qawe"]},{"username":"skybloczek1","password":"937824fc6a52074b0a173319ec94c5e6c5a82cf8e63d9f401b15219c7e33248a","balance":22,"adresses":["Duchnice: skypa"]}]}} +async function getAllAddresses() { + try { + const response = await fetch("/api/users"); + const data = await response.json(); + + const addresses = data.users.map((user) => user.adresses).flat(); + console.log(addresses); + + return addresses; + } catch (error) { + console.error("Error fetching addresses:", error); + throw error; + } +} + +// get id from name +function getId(name) { + // Implement id retrieval logic here + // name: Sugar cane -> minecraft:sugar_cane + // name: Redstone dust -> minecraft:redstone_dust + const parts = name.split(" "); + const first = parts[0].toLowerCase(); + const rest = parts.slice(1).map((word) => word.toLowerCase()); + const id = [first].concat(rest).join("_"); + return `minecraft:${id}`; +} + +function getImage(id) { + // Implement image retrieval logic here + // id: mod:item_id + // /static/textures/mod/item_id.png + const parts = id.split(":"); + const mod = parts[0]; + const item = parts[1]; + return `/static/textures/${mod}/${item}.png`; +} + +function sha256(str) { + // Returns a promise that resolves to the hex digest + const encoder = new TextEncoder(); + const data = encoder.encode(str); + return crypto.subtle.digest("SHA-256", data).then((buf) => + Array.from(new Uint8Array(buf)) + .map((b) => b.toString(16).padStart(2, "0")) + .join(""), + ); +} + +function openTransferModal() { + const LocalUser = getLoggedInUser(); + if (!LocalUser) { + document.getElementById("transferMsg").textContent = + "Please log in to transfer balance."; + document.getElementById("transferModal").style.display = "flex"; + return; + } + const transferToList = document.getElementById("transferToList"); + transferToList.innerHTML = ""; + Promise.all([fetch("/api/users").then((res) => res.json())]).then( + ([users]) => { + users.users.forEach((user) => { + if (user.username !== LocalUser.username) { + const input = document.createElement("input"); + input.type = "radio"; + input.name = "transferTo"; + input.id = user.username; + const label = document.createElement("label"); + label.htmlFor = user.username; + label.textContent = user.username; + transferToList.appendChild(input); + transferToList.appendChild(label); + transferToList.appendChild(document.createElement("br")); + } + }); + }, + ); + document.getElementById("transferMsg").textContent = ""; + document.getElementById("transferModal").style.display = "flex"; +} + +function closeTransferModal() { + document.getElementById("transferModal").style.display = "none"; +} + +// on onclick transferForm make POST request to /api/users/transfer +function submitTransferForm() { + const from = getLoggedInUser().username; + const to = document.querySelector("input[name='transferTo']:checked").id; + const amount = document.getElementById("transferAmount").value; + fetch("/api/users/transfer", { + method: "POST", + headers: { + "Content-Type": "application/json", + }, + body: JSON.stringify({ from, to, amount }), + }) + .then((res) => res.json()) + .then((data) => { + if (data.ok) { + updateBalance(); + closeTransferModal(); + } else { + document.getElementById("transferMsg").textContent = data.error; + } + }); +} + +function updateBalance() { + const user = getLoggedInUser(); + if (!user) { + document.getElementById("balanceAmount").textContent = 0; + document.getElementById("balanceBtn").style.display = "none"; + return; + } + fetch("/api/users/" + encodeURIComponent(user.username)) + .then((res) => res.json()) + .then((data) => { + if (data.ok) { + document.getElementById("balanceAmount").textContent = + data.user.balance + " $"; + document.getElementById("balanceBtn").style.display = "block"; + } else { + document.getElementById("balanceAmount").textContent = 0; + document.getElementById("balanceBtn").style.display = "none"; + } + }); +} + +document.getElementById("balanceBtn").addEventListener("click", () => { + openTransferModal(); +}); +document.getElementById("transferBtn").addEventListener("click", () => { + submitTransferForm(); +}); + +// Helper to fetch user info (fresh) +async function fetchUserInfo(username) { + const res = await fetch("/api/users/" + encodeURIComponent(username)); + const data = await res.json(); + return data.ok ? data.user : null; +} + +function showMsg(msg, error = false) { + const msgEl = document.getElementById("msg"); + msgEl.textContent = msg; + msgEl.className = error ? "error" : ""; + // after 2 seconds clear message + setTimeout(() => { + msgEl.textContent = ""; + msgEl.className = ""; + }, 2000); +} + +// --- Login logic --- +function openLoginModal() { + document.getElementById("loginModal").style.display = "flex"; + document.getElementById("loginMsg").textContent = ""; +} +function closeLoginModal() { + document.getElementById("loginModal").style.display = "none"; +} +function updateLoginUI() { + const user = getLoggedInUser(); + document.getElementById("loginBtn").style.display = user ? "none" : ""; + document.getElementById("logoutBtn").style.display = user ? "" : "none"; + document.getElementById("accountBtn").style.display = user ? "" : "none"; + updateBalance(); +} + +function cartPosition() { + const user = getLoggedInUser(); + if (user) { + document.querySelector(".cart-btn").style.right = "315px"; + } else { + document.querySelector(".cart-btn").style.right = "120px"; + } +} + +function getLoggedInUser() { + try { + return JSON.parse(localStorage.getItem("user")); + } catch { + return null; + } +} +function setLoggedInUser(user) { + localStorage.setItem("user", JSON.stringify(user)); + updateLoginUI(); + cartPosition(); + updateBalance(); +} +function logout() { + localStorage.removeItem("user"); + updateLoginUI(); + cartPosition(); + updateBalance(); + showMsg("Logged out."); +} + +// --- Account Modal logic --- +document.getElementById("accountBtn").onclick = openAccountModal; +function openAccountModal() { + showAccountTab("Password"); + loadAddressesTab(); + loadComputersTab(); + document.getElementById("accountModal").style.display = "flex"; +} +function closeAccountModal() { + document.getElementById("accountModal").style.display = "none"; +} +function showAccountTab(tab) { + ["Password", "Addresses", "Computers"].forEach((t) => { + document.getElementById("accountTab" + t).style.display = + t === tab ? "" : "none"; + document.getElementById("tab" + t).style.background = + t === tab ? "#23272a" : ""; + }); +} +document.getElementById("tabPassword").onclick = () => + showAccountTab("Password"); +document.getElementById("tabAddresses").onclick = () => { + showAccountTab("Addresses"); + loadAddressesTab(); +}; +document.getElementById("tabComputers").onclick = () => { + showAccountTab("Computers"); + loadComputersTab(); +}; + +// --- Change Password --- +document.getElementById("changePasswordForm").onsubmit = async function (e) { + e.preventDefault(); + const user = getLoggedInUser(); + const msgEl = document.getElementById("changePasswordMsg"); + msgEl.textContent = ""; + if (!user) { + msgEl.textContent = "Not logged in."; + return; + } + const current = document.getElementById("currentPassword").value; + const newpw = document.getElementById("newPassword").value; + const confirm = document.getElementById("confirmNewPassword").value; + if (!current || !newpw || !confirm) { + msgEl.textContent = "Fill all fields."; + return; + } + if (newpw !== confirm) { + msgEl.textContent = "Passwords do not match."; + return; + } + const userInfo = await fetchUserInfo(user.username); + if (!userInfo) { + msgEl.textContent = "User not found."; + return; + } + const currentHash = await sha256(current); + if (userInfo.password !== currentHash) { + msgEl.textContent = "Current password incorrect."; + return; + } + const newHash = await sha256(newpw); + const res = await fetch("/api/users/" + encodeURIComponent(user.username), { + method: "PUT", + headers: { "Content-Type": "application/json" }, + body: JSON.stringify({ password: newHash }), + }); + const data = await res.json(); + if (data.ok) { + msgEl.style.color = "#23a559"; + msgEl.textContent = "Password changed!"; + } else { + msgEl.style.color = "#ff5555"; + msgEl.textContent = "Error: " + (data.error || "Unknown error"); + } +}; + +// --- Addresses Tab --- +async function loadAddressesTab() { + const user = getLoggedInUser(); + const listEl = document.getElementById("addressesList"); + const msgEl = document.getElementById("addressesMsg"); + listEl.innerHTML = ""; + msgEl.textContent = ""; + if (!user) { + listEl.innerHTML = "Not logged in."; + return; + } + const userInfo = await fetchUserInfo(user.username); + if (!userInfo || !Array.isArray(userInfo.adresses)) { + listEl.innerHTML = "No addresses found."; + return; + } + if (!userInfo.adresses.length) { + listEl.innerHTML = "