Method renderThread

src/webpage/channel.ts:1987–2071

(update = true)

		tags.classList.add("flexltr", "tagDiv");
		for (const tagid of this.appliedTags) {
			const tag = this.parent?.availableTags.find((tag) => tag.id === tagid);
			if (!tag) continue;
			tags.append(tag.makeHTML());
		}
		div.append(tags);

		const title = document.createElement("h3");
		title.textContent = new MarkDown(this.shortName).makeHTML().textContent;
		div.append(title);

		const member =
			(await this.localuser.getMember(this.owner_id as string, this.guild.id)) ||
			(await User.resolve(this.owner_id as string, this.localuser));
		const message = this.localuser.messages.get(this.id);

		const name = document.createElement("span");
		name.classList.add("forumUsername");
		name.textContent = (member?.name || I18n.user.deleted()) + ": ";

		const messageContent = document.createElement("span");
		messageContent.classList.add("messageForumContent");
		if (message) messageContent.append(message.content.makeHTML());
		else messageContent.textContent = I18n.message.deleted();

		const mrow = document.createElement("div");
		mrow.classList.add("flexltr");
		mrow.append(name, messageContent);
		div.append(mrow);

		const micon = document.createElement("span");
		micon.classList.add("svg-frmessage", "svgicon");

		const mcount = document.createElement("span");
		mcount.textContent = this.messageCount + "";

		const msep = document.createElement("span");
		msep.classList.add("msep");

		const mtime = document.createElement("span");
		const updateTime = () => {
			mtime.textContent = MarkDown.relTime(
				new Date(
					this.lastmessageid ? SnowFlake.stringToUnixTime(this.lastmessageid) : this.getUnixTime(),
				),
				() => {
					if (!document.contains(mtime)) return;
					updateTime();
				},
			);
		};
		updateTime();

		const lrow = document.createElement("div");
		lrow.classList.add("forumMessageRow", "flexltr");

		lrow.append(micon, mcount, msep, mtime);
		div.append(lrow);