add highlight count to page title

client/js/lounge.js

@@ -225,21 +225,13 @@ $(function() {
 			.trigger("show");
 
 		utils.togglePreviewMoreButtonsIfNeeded();
-
+		utils.updateTitle();
-		let title = $(document.body).data("app-name");
-		const chanTitle = chan.attr("aria-label");
-
-		if (chanTitle.length > 0) {
-			title = `${chanTitle} — ${title}`;
-		}
-
-		document.title = title;
 
 		const type = chan.data("type");
 		let placeholder = "";
 
 		if (type === "channel" || type === "query") {
-			placeholder = `Write to ${chanTitle}`;
+			placeholder = `Write to ${chan.attr("aria-label")}`;
 		}
 
 		input

client/js/socket-events/msg.js

@@ -217,5 +217,7 @@ function notifyMessage(targetId, channel, msg) {
 		badge
 			.attr("data-highlight", serverHighlight)
 			.addClass("highlight");
+
+		utils.updateTitle();
 	}
 }

client/js/utils.js

@@ -21,6 +21,7 @@ module.exports = {
 	closeChan,
 	resetHeight,
 	toggleNotificationMarkers,
+	updateTitle,
 	togglePasswordField,
 	requestIdleCallback,
 	togglePreviewMoreButtonsIfNeeded,
@@ -99,6 +100,27 @@ function toggleNotificationMarkers(newState) {
 	viewport.toggleClass("notified", newState);
 }
 
+function updateTitle() {
+	let title = $(document.body).data("app-name");
+	const chanTitle = $("#sidebar").find(".chan.active").attr("aria-label");
+
+	if (chanTitle.length > 0) {
+		title = `${chanTitle} — ${title}`;
+	}
+
+	// add highlight count to title
+	let alertEventCount = 0;
+	$(".badge.highlight").each(function() {
+		alertEventCount += parseInt($(this).attr("data-highlight"));
+	});
+
+	if (alertEventCount > 0) {
+		title = `(${alertEventCount}) ${title}`;
+	}
+
+	document.title = title;
+}
+
 function togglePasswordField(elem) {
 	$(elem).on("click", function() {
 		const $this = $(this);