Method createBanHTML

src/webpage/guild.ts:1052–1107

(ban: banObj)

						method: "PUT",
						headers,
					});
					if (!ret.ok) {
						new Dialog((await ret.json()).message).show();
						return;
					}
					banMenu.returnFromSub();
				});
				opt.addButtonInput("", I18n.submit(), () => {
					opt.submit();
				});
			});
			const makeBanMenu = () => {
				const banDiv = document.createElement("div");
				const bansp = ProgessiveDecodeJSON<banObj[]>(
					this.info.api + "/guilds/" + this.id + "/bans",
					{
						headers: this.headers,
					},
				);
				const createBanHTML = (ban: banObj) => {
					const div = document.createElement("div");
					div.classList.add("flexltr", "bandiv");
					let src: string;
					if (ban.user.avatar !== null) {
						src =
							`${this.info.cdn}/avatars/${ban.user.id}/${ban.user.avatar}.png` +
							new CDNParams({expectedSize: 96});
					} else {
						const int = Number((BigInt(ban.user.id) >> 22n) % 6n);
						src = `${this.info.cdn}/embed/avatars/${int}.png`;
					}
					const img = createImg(src);
					img.classList.add("pfp");
					const divUserRes = document.createElement("div");
					divUserRes.classList.add("flexttb");

					const username = document.createElement("span");
					username.textContent = ban.user.username;

					divUserRes.append(username);
					if (ban.reason) {
						const reason = document.createElement("span");
						reason.innerText = ban.reason;
						divUserRes.append(I18n.guild.banReason(ban.reason));
					}
					div.append(img, divUserRes);
					div.onclick = async (_) => {
						const opt = banMenu.addSubOptions(ban.user.username);

						opt.addHTMLArea(img.cloneNode(true) as HTMLElement);
						opt.addText(ban.user.username);
						if (ban.reason) opt.addText(I18n.guild.banReason(ban.reason));
						//FIXME the API sends back the wrong response, so I don't have this info
						/*
					const moreInfo = (await (
						await fetch(this.info.api + "/guilds/" + this.id + "/bans/" + ban.user.id, {
							headers: this.headers,
						})