update,

2025-02-01 01:58:47 +08:00
parent b3da7aaef5
commit 04dbefcbaf
1259 changed files with 280657 additions and 0 deletions
--- a/_tecky/party-planner/backend/public/invitationPage/invitation.js
+++ b/_tecky/party-planner/backend/public/invitationPage/invitation.js
@@ -0,0 +1,107 @@
+import { addNavbar } from '/functions/addNavbar.js';
+import { loadName } from '/functions/loadName.js';
+
+window.addEventListener('load', async () => {
+	await checkInvitationValidity();
+});
+
+async function checkInvitationValidity() {
+	const params = new URLSearchParams(window.location.search);
+	const eventId = params.get('event-id');
+	const token = params.get('token');
+	const res = await fetch(`/events/invitation/validation/${eventId}/${token}`, {
+		method: 'POST'
+	});
+	const result = await res.json();
+	if (result.status) {
+		addNavbar();
+		await loadName();
+
+		// Load invitation page content
+		document.querySelector('.event-name-container').innerHTML = `
+			<div>
+				🎉 ${result.eventDetail.name}
+			</div>
+		`;
+
+		let dateString = '';
+		if (!result.eventDetail.start_datetime) {
+			dateString += 'To Be Confirmed';
+		} else {
+			dateString += `
+				<div class="subtitle">
+					Start
+				</div>
+				<div>
+					${new Date(result.eventDetail.start_datetime)
+						.toLocaleString('en-US', { hour12: false })
+						.replace(', ', ' ')
+						.slice(0, -3)}
+				</div>
+				<div class="subtitle">
+					End
+				</div>
+				<div>
+					${new Date(result.eventDetail.end_datetime).toLocaleString('en-US', { hour12: false }).replace(', ', ' ').slice(0, -3)}
+				</div>
+			`;
+		}
+		document.querySelector('.datetime-container').innerHTML = `
+			<div class="title">
+				Date & Time
+			</div>
+			<div>
+				${dateString}
+			</div>
+		`;
+
+		document.querySelector('.venue-container').innerHTML = `
+			<div class="title">
+				Venue
+			</div>
+			<div>
+				${result.eventDetail.venue ? result.eventDetail.venue : 'To Be Confirmed'}
+			</div>
+		`;
+
+		document.body.style.display = 'block';
+	} else {
+		if (result.login) {
+			alert('Invitation link is invalid or expired!');
+			window.location.href = '/index.html';
+		} else {
+			alert('Please log in or register to join event!');
+			window.location.href = `/?event-id=${eventId}&token=${token}`;
+		}
+	}
+}
+
+document.querySelector('#join-event-button').addEventListener('click', async () => {
+	const params = new URLSearchParams(window.location.search);
+	const eventId = params.get('event-id');
+	const token = params.get('token');
+	const res = await fetch(`/events/invitation/participation/${eventId}/${token}`, {
+		method: 'POST'
+	});
+	const result = await res.json();
+	if (result.status) {
+		alert('You have successfully joined the event!');
+		window.location.href = `/eventSummary/event.html?event-id=${eventId}&is-creator=0`;
+	} else {
+		if (result.login) {
+			if (result.isCreator) {
+				alert('You are already a creator of the event, no need to join again!');
+				window.location.href = `/eventSummary/event.html?event-id=${eventId}&is-creator=1`;
+			} else if (result.joined) {
+				alert('You have already joined the event!');
+				window.location.href = `/eventSummary/event.html?event-id=${eventId}&is-creator=0`;
+			} else {
+				alert('Invitation link is invalid or expired!');
+				window.location.href = '/index.html';
+			}
+		} else {
+			alert('Please log in or register to join event!');
+			window.location.href = `/?event-id=${eventId}&token=${token}`;
+		}
+	}
+});