update,

_tecky/party-planner/backend/public/landingPage.js

@@ -0,0 +1,116 @@
+import { addNavbar } from "/functions/addNavbar.js";
+import { loadName } from "/functions/loadName.js";
+import { addLoginNavbar } from "/functions/addLoginNavbar.js";
+
+window.addEventListener("load", async () => {
+  const res = await fetch("/login/name");
+  if (res.status === 200) {
+    addNavbar();
+    loadName();
+  } else {
+    addLoginNavbar();
+  }
+
+  document.body.style.display = "block";
+});
+
+async function loginFormSubmission() {
+  const userEmail = document.querySelector("#user-email").value;
+  const userPassword = document.querySelector("#user-password").value;
+  if (userEmail !== "" && userPassword !== "") {
+    const formObj = {
+      email: userEmail,
+      password: userPassword,
+    };
+    const res = await fetch("/login", {
+      method: "POST",
+      headers: {
+        "content-Type": "application/json",
+      },
+      body: JSON.stringify(formObj),
+    });
+    const loginResult = await res.json();
+    if (loginResult.status) {
+      const params = new URLSearchParams(window.location.search);
+      if (params.has("event-id") && params.has("token")) {
+        const eventId = params.get("event-id");
+        const token = params.get("token");
+        window.location.href = `/invitationPage/invitation.html?event-id=${eventId}&token=${token}`;
+      } else {
+        window.location.href = "/index.html";
+      }
+    } else {
+      alert("Unable to login!");
+    }
+  }
+}
+
+document.querySelector("#login-form-submit").addEventListener("click", () => {
+  loginFormSubmission();
+});
+document.querySelector("#user-password").addEventListener("keypress", (event) => {
+  if (event.key === "Enter") {
+    event.preventDefault();
+    loginFormSubmission();
+  }
+});
+
+document.querySelector(".register-form").addEventListener("submit", async function (e) {
+  e.preventDefault();
+
+  const form = e.target;
+
+  const first_name = form.first_name.value;
+  const last_name = form.last_name.value;
+  const email = form.email.value;
+  const phone = form.phone.value;
+  const password = form.password.value;
+  const confirm_password = form.confirm_password.value;
+
+  let formObj = {
+    first_name: first_name,
+    last_name: last_name,
+    email: email,
+    phone: phone,
+    password: password,
+  };
+  let dataPass = true;
+
+  // Checking data validity
+  if (!(password === confirm_password)) {
+    dataPass = false;
+    alert("Password and confirm password do not match!");
+  }
+
+  if (dataPass) {
+    const res = await fetch("/register", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(formObj),
+    });
+
+    const registerResult = await res.json();
+
+    form.reset();
+
+    if (registerResult.duplicate) {
+      alert("Registered already!");
+    } else if (registerResult.passwordNotMatch) {
+      alert("Password not match!");
+    } else if (!registerResult.status) {
+      alert("Unable to Register, please try again!");
+    } else {
+      const params = new URLSearchParams(window.location.search);
+
+      if (params.has("event-id") && params.has("token")) {
+        alert("Successfully registered! Please login now to join the event.");
+        const myModal = bootstrap.Modal.getInstance(document.getElementById("register-modal"));
+        myModal.hide();
+      } else {
+        alert("Successfully registered!");
+        const myModal = bootstrap.Modal.getInstance(document.getElementById("register-modal"));
+        myModal.hide();
+      }
+    }
+  }
+});