From 03eeb8831fed9d05e06939aaf1cf6e03bdb8a0a7 Mon Sep 17 00:00:00 2001 From: TomatoCake <60300461+DEVTomatoCake@users.noreply.github.com> Date: Mon, 1 Jul 2024 20:49:26 +0200 Subject: [PATCH] add date separators --- webpage/channel.ts | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/webpage/channel.ts b/webpage/channel.ts index 8537587..ab54207 100644 --- a/webpage/channel.ts +++ b/webpage/channel.ts @@ -585,6 +585,30 @@ class Channel{ const prev=this.messages[(+i)+1]; const built=this.messages[i].buildhtml(prev); document.getElementById("messages").prepend(built); + + if (prev) { + const prevDate=new Date(prev.timestamp); + const currentDate=new Date(this.messages[i].timestamp); + + if (prevDate.toLocaleDateString() != currentDate.toLocaleDateString()) { + const dateContainer=document.createElement("div"); + dateContainer.classList.add("replyflex"); + + const line=document.createElement("hr"); + line.classList.add("reply"); + dateContainer.appendChild(line); + + const date=document.createElement("span"); + date.textContent=currentDate.toLocaleDateString(undefined, { weekday: "long", year: "numeric", month: "long", day: "numeric" }); + dateContainer.appendChild(date); + + const line2=document.createElement("hr"); + line2.classList.add("reply"); + dateContainer.appendChild(line2); + + document.getElementById("messages").prepend(dateContainer); + } + } } document.getElementById("messagecontainer").scrollTop = document.getElementById("messagecontainer").scrollHeight;