Find Events
@@ -72,10 +92,7 @@ -Upcoming Events
@@ -94,6 +111,32 @@My Events
+ +
+
+
+ No saved events yet.
+My Invitations
+ +
+
+
+ No invitations yet.
+No saved events yet.
+No invitations yet.
+No saved events yet.
"; + return; + } + + saved.forEach(event => { + const div = document.createElement("div"); + div.textContent = event.name; + container.appendChild(div); + }); +} + +// ========================= +// INVITATIONS +// ========================= +async function loadInvitations() { + + if (!currentUser) return; + + const res = await fetch("http://localhost:3000/api/invitation", { + headers: { + "X-Username": currentUser + } + }); + + const data = await res.json(); + const container = document.querySelector("#invitation-list"); + + container.innerHTML = ""; + + if (data.length === 0) { + container.innerHTML = "No invitations.
"; + return; + } + + data.forEach(inv => { + + const div = document.createElement("div"); + + div.innerHTML = ` +${inv.fromUser} invited you to ${inv.eventName}
+ + + `; + + container.appendChild(div); + }); +} + +// ========================= +// ACCEPT / DECLINE +// ========================= +window.accept = async (id) => { + await fetch(`http://localhost:3000/api/invitation/${id}/accept`, { + method: "POST" + }); + loadInvitations(); +}; + +window.decline = async (id) => { + await fetch(`http://localhost:3000/api/invitation/${id}/decline`, { + method: "POST" + }); + loadInvitations(); +}; \ No newline at end of file diff --git a/js/auth.js b/js/auth.js new file mode 100644 index 0000000..c7582ec --- /dev/null +++ b/js/auth.js @@ -0,0 +1,27 @@ +const BASE_URL = "http://localhost:3000/api"; + +export async function register(username) { + + const res = await fetch(`${BASE_URL}/user`, { + method: "POST", + headers: { + "Content-Type": "application/json" + }, + body: JSON.stringify({ username }) + }); + + return res.json(); +} + +export async function login(username, password) { + + const res = await fetch(`${BASE_URL}/user`, { + method: "GET", + headers: { + "X-Username": username, + "X-Password": password + } + }); + + return res.status === 201; +} \ No newline at end of file diff --git a/js/ui/eventCard.js b/js/ui/eventCard.js index 1e96673..c9f84fd 100644 --- a/js/ui/eventCard.js +++ b/js/ui/eventCard.js @@ -33,5 +33,82 @@ export function createEventCard(event) { article.append(title, date, venue); + // ========================= + // BUTTON CONTAINER + // ========================= + const buttonContainer = document.createElement("div"); + buttonContainer.className = "d-flex gap-2 mt-2"; + + // ========================= + // SAVE BUTTON + // ========================= + const saveBtn = document.createElement("button"); + saveBtn.textContent = "Save"; + saveBtn.className = "btn btn-outline-primary btn-sm"; + + saveBtn.addEventListener("click", () => { + + if (!window.currentUser) { + alert("Please login to save events"); + return; + } + + const saved = JSON.parse(localStorage.getItem("savedEvents") || "[]"); + + // prevent duplicates + if (saved.find(e => e.id === event.id)) { + alert("Event already saved"); + return; + } + + saved.push(event); + localStorage.setItem("savedEvents", JSON.stringify(saved)); + + alert("Event saved!"); + }); + + saveBtn.disabled = !window.currentUser; + + // ========================= + // INVITE BUTTON + // ========================= + const inviteBtn = document.createElement("button"); + inviteBtn.textContent = "Invite"; + inviteBtn.className = "btn btn-primary btn-sm"; + + inviteBtn.addEventListener("click", async () => { + + if (!window.currentUser) { + alert("Please login to invite users"); + return; + } + + const toUser = prompt("Enter username to invite:"); + if (!toUser) return; + + await fetch("http://localhost:3000/api/invitation", { + method: "POST", + headers: { + "Content-Type": "application/json", + "X-Username": window.currentUser + }, + body: JSON.stringify({ + toUser, + eventId: event.id, + eventName: event.name + }) + }); + + alert("Invitation sent!"); + }); + + inviteBtn.disabled = !window.currentUser; + + // ========================= + // APPEND BUTTONS + // ========================= + buttonContainer.append(saveBtn, inviteBtn); + article.appendChild(buttonContainer); + return article; } \ No newline at end of file diff --git a/server/server.js b/server/server.js index 017c115..27c5743 100644 --- a/server/server.js +++ b/server/server.js @@ -10,7 +10,7 @@ app.use(cors()); app.use(express.json()); // ========================= -// ROOT (optional) +// ROOT // ========================= app.get("/", (req, res) => { res.send("Encore API is running"); @@ -121,6 +121,44 @@ app.post("/api/invitation/:id/decline", (req, res) => { res.json(inv); }); +let users = []; + +// CREATE USER +app.post("/api/user", (req, res) => { + + const { username } = req.body; + + if (!username) { + return res.status(400).json({ message: "Username required" }); + } + + if (users.find(u => u.username === username)) { + return res.status(400).json({ message: "User exists" }); + } + + const password = "1234"; + + const user = { username, password }; + users.push(user); + + res.json({ name: username, password }); +}); + +// LOGIN +app.get("/api/user", (req, res) => { + + const username = req.header("X-Username"); + const password = req.header("X-Password"); + + const user = users.find( + u => u.username === username && u.password === password + ); + + if (!user) return res.sendStatus(401); + + res.sendStatus(201); +}); + // ========================= // START SERVER // =========================