notifications.ts
No OneTemporary
Actions

Size

922 B

Referenced Files

None

Subscribers

None

notifications.ts
View Options

	import * as shared from "./shared";

	const notifications = document.getElementById("notifications")!;

	function create_notification(notification: {
	is_ok: boolean;
	message: string;
	context: string;
	}): HTMLElement {
	const el = document.createElement("div");

	el.addEventListener("click", (_) => {
	el.remove();
	});

	el.classList.add("notification");
	if (notification.is_ok) el.classList.add("notification_ok");
	else el.classList.add("notification_err");

	// el.innerText = notification.message;
	el.innerHTML = `
	<div><b>${notification.context}</b></div>
	<div>
	${notification.message
	.split("\n")
	.map((line) => `<p>${line}</p>`)
	.join("")}
	</div>`;
	return el;
	}

	export function start_notifications() {
	shared.socket.on("notification", (data) => {
	let el = create_notification(data);
	notifications.appendChild(el);
	// a 10 sec timeout
	setTimeout(() => {
	el.remove();
	}, 10000);
	});
	}