BlackRoad Chat
@@ -74,6 +85,26 @@ BlackRoad Chat
const form = document.getElementById('chat-form');
const sendBtn = document.getElementById('send-btn');
+ document.addEventListener("DOMContentLoaded", () => {
+ const emojiBtn = document.getElementById("emojiBtn");
+ const emojiPickerContainer = document.getElementById("emojiPicker");
+ const input = document.getElementById("messageInput");
+
+ // create emoji picker
+ const picker = document.createElement("emoji-picker");
+ emojiPickerContainer.appendChild(picker);
+
+ // toggle picker
+ emojiBtn.addEventListener("click", () => {
+ emojiPickerContainer.style.display =
+ emojiPickerContainer.style.display === "none" ? "block" : "none";
+ });
+
+ // when emoji selected
+ picker.addEventListener("emoji-click", (event) => {
+ input.value += event.detail.unicode;
+ });
+});
let history = [];
// Fetch fleet status