NodeBB/public/src/client/header/chat.js

'use strict';

define('forum/header/chat', ['components', 'hooks'], function (components, hooks) {
	const chat = {};

	chat.prepareDOM = function () {
		const chatsToggleEl = components.get('chat/dropdown');
		const chatsListEl = components.get('chat/list');

		chatsToggleEl.on('click', function () {
			if (chatsToggleEl.parent().hasClass('open')) {
				return;
			}
			requireAndCall('loadChatsDropdown', chatsListEl);
		});

		if (chatsToggleEl.parents('.dropdown').hasClass('open')) {
			requireAndCall('loadChatsDropdown', chatsListEl);
		}

		socket.removeListener('event:chats.receive', onChatMessageReceived);
		socket.on('event:chats.receive', onChatMessageReceived);

		socket.removeListener('event:user_status_change', onUserStatusChange);
		socket.on('event:user_status_change', onUserStatusChange);

		socket.removeListener('event:chats.roomRename', onRoomRename);
		socket.on('event:chats.roomRename', onRoomRename);

		socket.on('event:unread.updateChatCount', function (count) {
			const chatIcon = components.get('chat/icon');
			count = Math.max(0, count);
			chatIcon.toggleClass('fa-comment', count > 0)
				.toggleClass('fa-comment-o', count <= 0);

			const countText = count > 99 ? '99+' : count;
			components.get('chat/icon')
				.toggleClass('unread-count', count > 0)
				.attr('data-content', countText);
			components.get('chat/count').toggleClass('hidden', count <= 0).text(countText);
			hooks.fire('action:chat.updateCount', { count });
		});
	};

	function onChatMessageReceived(data) {
		requireAndCall('onChatMessageReceived', data);
	}

	function onUserStatusChange(data) {
		requireAndCall('onUserStatusChange', data);
	}

	function onRoomRename(data) {
		requireAndCall('onRoomRename', data);
	}

	function requireAndCall(method, param) {
		require(['chat'], function (chat) {
			chat[method](param);
		});
	}

	return chat;
});