From fd50a564da1d6b2d10ebcd856cf5d79707981d8a Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sun, 26 May 2024 11:37:40 +0800
Subject: [PATCH] Remove old guestbook script file

---
 src/assets/js/guestbook.js | 121 -------------------------------------
 1 file changed, 121 deletions(-)
 delete mode 100644 src/assets/js/guestbook.js

diff --git a/src/assets/js/guestbook.js b/src/assets/js/guestbook.js
deleted file mode 100644
index a8d94e5f..00000000
--- a/src/assets/js/guestbook.js
+++ /dev/null
@@ -1,121 +0,0 @@
-// Import Firebase
-import { initializeApp } from 'https://www.gstatic.com/firebasejs/10.12.0/firebase-app.js'
-import { getDatabase, ref, push, onValue, update } from 'https://www.gstatic.com/firebasejs/10.12.0/firebase-database.js'
-
-// Set up Firebase database
-const appSettings = {
-    databaseURL: 'https://leilukin-s-hub-guestbook-default-rtdb.asia-southeast1.firebasedatabase.app/'
-};
-const app = initializeApp(appSettings);
-const database = getDatabase(app);
-const guestbookInDB = ref(database, "guestbook");
-
-// Get DOM elements
-const formEl = document.querySelector('.gb__form');
-const nameInputEl = document.querySelector('#name-input');
-const emailInputEl = document.querySelector('#email-input');
-const websiteInputEl = document.querySelector('#website-input');
-const msgInputEl = document.querySelector('#message-input');
-const messageListEl = document.querySelector('.gb__message--list');
-
-// Initiate guestbook message object
-let messageObj = {
-    name: '',
-    email: '',
-    website: '',
-    message: '',
-    timestamp: '',
-};
-
-// Form submission event
-formEl.addEventListener('submit', (e) => {
-    e.preventDefault();
-    addMessage();
-    clearInputEl();
-});
-
-const formatDate = () => {
-    const formatter = new Intl.DateTimeFormat("en-GB", {
-        dateStyle: "full",
-        timeStyle: "full",
-    });
-    const now = new Date();
-    const formattedDate = formatter.format(now);
-    return formattedDate;
-};
-
-const addMessage = () => {
-    messageObj = {
-        ...messageObj,
-        name: nameInputEl.value,
-        email: emailInputEl.value,
-        website: websiteInputEl.value,
-        timestamp: formatDate(),
-        message: msgInputEl.value
-    }
-    push(guestbookInDB, messageObj);
-};
-
-// Clear input fields
-const clearInputEl = () => {
-    nameInputEl.value = '';
-    emailInputEl.value = '';
-    websiteInputEl.value = '';
-    msgInputEl.value = '';
-};
-
-// Load data from the Firebase database
-onValue(guestbookInDB, (snapshot) => {
-    if (snapshot.exists()) {
-        let messagesArr = Object.entries(snapshot.val()).reverse();
-
-        clearMessageListEl();
-
-        messagesArr.forEach((item) => {
-            renderMessage(item);
-        });
-    } else {
-        messageListEl.textContent = 'No messages here... yet. Be the first!';
-    }
-});
-
-// Prevent rendering any message more than once
-const clearMessageListEl = () => {
-    messageListEl.innerHTML = '';
-};
-
-// Render each message
-const renderMessage = (item) => {
-    const itemID = item[0];
-    const itemValue = item[1];
-
-    const newThreadDiv = document.createElement('div');
-    newThreadDiv.classList.add('gb__thread');
-    newThreadDiv.id = `thread-${itemID}`;
-
-    const newMessageDiv = document.createElement('div');
-    newMessageDiv.classList.add('gb__message');
-    newMessageDiv.id = `msg-${itemID}`;
-
-    const newMessageName = document.createElement('p');
-    newMessageName.classList.add('gb__message--name');
-    newMessageName.textContent = `${itemValue.name} said:`;
-
-    if (itemValue.website !== null && itemValue.website !== '') {
-        newMessageName.innerHTML = `
-            <a href="${itemValue.website}">${itemValue.name}</a> said:
-        `;
-    }
-
-    const newMessageMsg = document.createElement('p');
-    newMessageMsg.classList.add('gb__message--msg');
-    newMessageMsg.textContent = itemValue.message;
-
-    const newMessageTime = document.createElement('time');
-    newMessageTime.classList.add('gb__message--time');
-    newMessageTime.textContent = itemValue.timestamp;
-
-    messageListEl.append(newThreadDiv);
-    newThreadDiv.append(newMessageDiv);
-    newMessageDiv.append(newMessageName, newMessageMsg, newMessageTime);
-};
\ No newline at end of file