From 28497b06e208cd8fd4aa94756c7a5626c18d9878 Mon Sep 17 00:00:00 2001 From: Maks Jopek Date: Wed, 26 May 2021 08:38:37 +0200 Subject: Added all features --- src/modules/messages.ts | 47 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 src/modules/messages.ts (limited to 'src/modules/messages.ts') diff --git a/src/modules/messages.ts b/src/modules/messages.ts new file mode 100644 index 0000000..4a4b48a --- /dev/null +++ b/src/modules/messages.ts @@ -0,0 +1,47 @@ +// import Irc from "@/index"; + +export default class Messages { + readonly url = "http://localhost:5000/"; + + sendMessage(msg: Message): void { + fetch(this.url + "send", { + method: "POST", + headers: { + Accept: "application/json", + "Content-Type": "application/json", + }, + body: JSON.stringify(msg), + }); + } + + async addMessage(msg: Message): Promise { + const board = $(".overview")[0], + time = new Date(msg.time), + div = document.createElement("div"), + spans = [ + document.createElement("span"), + document.createElement("span"), + document.createElement("span"), + ]; + + let min = new Date().getMinutes().toString(); + min = min.length === 1 ? "0" + min : min; + + spans[0].innerText = `[${time.getHours()}:${min}] `; + spans[1].innerText = `<@${msg.username}> `; + spans[1].style.color = msg.color; + spans[2].innerText = msg.text; + + // @ts-expect-error + $(spans[2]).emoticonize(); + spans.forEach(span => div.appendChild(span)); + + board.appendChild(div); + } +} +export interface Message { + text: string; + color: string; + username: string; + time: number; +} -- cgit v1.3.1