summaryrefslogtreecommitdiffstats
path: root/src/modules/messages.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/modules/messages.ts')
-rw-r--r--src/modules/messages.ts47
1 files changed, 47 insertions, 0 deletions
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<void> {
+ 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;
+}