Method viewReactions

src/webpage/message.ts:312–358

()

	viewReactions() {
		const dio = new Dialog(I18n.message.reactionsTitle());
		const div = document.createElement("div");
		div.classList.add("flexltr");
		const reactions = document.createElement("div");
		reactions.classList.add("flexttb", "reactionList");

		const list = document.createElement("div");
		list.classList.add("flexttb", "reactionUserList");
		let curSelect = document.createElement("div");
		reactions.append(
			...this.reactions.map((reaction) => {
				const button = document.createElement("div");

				console.log(reaction);
				const emoji = new Emoji(reaction.emoji, this.guild);
				button.append(emoji.getHTML(), `(${reaction.count})`);
				let users: User[] | undefined = undefined;
				button.onclick = async () => {
					curSelect.classList.remove("current");

					curSelect = button;
					curSelect.classList.add("current");
					if (!users) {
						const f = await fetch(
							`${this.info.api}/channels/${this.channel.id}/messages/${this.id}/reactions/${reaction.emoji.name}?limit=50&type=0`,
							{headers: this.headers},
						);
						users = ((await f.json()) as userjson[]).map((_) => new User(_, this.localuser));
					}
					list.innerHTML = "";
					list.append(
						...users.map((user) => {
							return user.createWidget(this.guild);
						}),
					);
				};

				return button;
			}),
		);
		//@ts-ignore
		[...reactions.children][0].click();
		div.append(reactions, list);
		dio.options.addHTMLArea(div);
		dio.show();
	}

	setEdit() {
		const prev = this.channel.editing;
		this.channel.editing = this;
		if (prev) prev.generateMessage();