Ayobami
96 lines
2.5 KiB
JavaScript
96 lines
2.5 KiB
JavaScript
const messageInput = document.getElementById("message-input");
|
|
const sendBtn = document.getElementById("send-btn");
|
|
const messageList = document.getElementById("message-list");
|
|
const saveBtn = document.getElementById("save-btn");
|
|
const chatMessages = document.getElementById("chat-messages");
|
|
|
|
let lastMessageCount = 0;
|
|
|
|
// Send message
|
|
async function sendMessage() {
|
|
const message = messageInput.value.trim();
|
|
if (!message) return;
|
|
|
|
try {
|
|
const response = await fetch("/send", {
|
|
method: "POST",
|
|
headers: { "Content-Type": "application/json" },
|
|
body: JSON.stringify({ message }),
|
|
});
|
|
|
|
if (response.ok) {
|
|
messageInput.value = "";
|
|
await fetchMessages();
|
|
}
|
|
} catch (err) {
|
|
console.error("Failed to send message:", err);
|
|
}
|
|
}
|
|
|
|
// Fetch all messages
|
|
async function fetchMessages() {
|
|
try {
|
|
const response = await fetch("/chat/all");
|
|
const messages = await response.json();
|
|
|
|
messageList.innerHTML = "";
|
|
messages.forEach((msg) => {
|
|
const li = document.createElement("li");
|
|
li.className = "p-2 bg-gray-100 rounded";
|
|
li.innerHTML = `
|
|
<div class="text-sm text-gray-600">${new Date(
|
|
msg.timestamp
|
|
).toLocaleString()}</div>
|
|
<div class="font-medium">${msg.message}</div>
|
|
`;
|
|
messageList.appendChild(li);
|
|
});
|
|
|
|
// Auto-scroll to bottom
|
|
chatMessages.scrollTop = chatMessages.scrollHeight;
|
|
lastMessageCount = messages.length;
|
|
} catch (err) {
|
|
console.error("Failed to fetch messages:", err);
|
|
}
|
|
}
|
|
|
|
// Poll for updates
|
|
async function pollForUpdates() {
|
|
try {
|
|
const response = await fetch(`/poll?lastCheck=${lastMessageCount}`);
|
|
const data = await response.json();
|
|
|
|
if (data.updated) {
|
|
await fetchMessages();
|
|
}
|
|
} catch (err) {
|
|
console.error("Poll failed:", err);
|
|
}
|
|
}
|
|
|
|
// Save chat
|
|
async function saveChat() {
|
|
try {
|
|
const response = await fetch("/chat/save", { method: "POST" });
|
|
if (response.ok) {
|
|
alert("Chat saved successfully!");
|
|
} else {
|
|
alert("Failed to save chat");
|
|
}
|
|
} catch (err) {
|
|
console.error("Failed to save chat:", err);
|
|
alert("Failed to save chat");
|
|
}
|
|
}
|
|
|
|
// Event listeners
|
|
sendBtn.addEventListener("click", sendMessage);
|
|
messageInput.addEventListener("keypress", (e) => {
|
|
if (e.key === "Enter") sendMessage();
|
|
});
|
|
saveBtn.addEventListener("click", saveChat);
|
|
|
|
// Initial load and start polling
|
|
fetchMessages();
|
|
setInterval(pollForUpdates, 2000);
|