Separated chat-balloon-code to a component.

web/js/chat.js

@@ -18,4 +18,78 @@ function sendChat(me, message) {
 				me.onPlayerChat('', response);
 		}
 	});
-}
+}
+
+// Provides 'chat'-events by looking at the world-updates.
+componentconstructors['chat'] = function(dynmap, configuration) {
+	return {
+		dynmap: dynmap,
+		initialize: function() {
+			$(dynmap).bind('worldupdate', function(event, update) {
+				swtch(update.type, {
+					chat: function() {
+						$(dynmap).trigger('chat', [{source: 'player', name: update.playerName, text: update.message}]);
+					},
+					webchat: function() {
+						$(dynmap).trigger('chat', [{source: 'web', name: update.playerName, text: update.message}]);
+					}
+				});
+			});
+		}
+	};
+};
+
+// TODO: Maybe split this to another file.
+componentconstructors['chatballoon'] = function(dynmap, configuration) {
+	return {
+		dynmap: dynmap,
+		options: configuration,
+		chatpopups: {},
+		initialize: function() {
+			var me = this;
+			$(dynmap).bind('chat', function(event, message) {
+				if (message.source != 'player') {
+					return;
+				}
+				var player = dynmap.players[message.name];
+				var playerMarker = player && player.marker;
+				if (!playerMarker) {
+					return;
+				}
+				var popup = me.chatpopups[message.name];
+				if (!popup) {
+					popup = { lines: [ message.text ] };
+				} else {
+					popup.lines[popup.lines.length] = message.text;
+				}
+	
+				var MAX_LINES = 5;
+				if (popup.lines.length > MAX_LINES) {
+					popup.lines = popup.lines.slice(1);
+				}
+				var htmlMessage = '<div id="content"><b>' + message.name + "</b><br/><br/>";
+				var line;
+				for (line in popup.lines) {
+					htmlMessage = htmlMessage + popup.lines[line] + "<br/>";
+				}
+				htmlMessage = htmlMessage + "</div>";
+				if (!popup.infoWindow) {
+					popup.infoWindow = new google.maps.InfoWindow({
+						disableAutoPan: !(me.options.focuschatballoons || false),
+					    content: htmlMessage
+					});
+				} else {
+					popup.infoWindow.setContent(htmlMessage);
+				}
+				popup.infoWindow.open(dynmap.map, playerMarker);
+				me.chatpopups[message.name] = popup;
+				if (popup.timeout) { window.clearTimeout(popup.timeout); }
+				popup.timeout = window.setTimeout(function() {
+					popup.infoWindow.close();
+					popup.infoWindow = null;
+					delete me.chatpopups[message.name];
+				}, 8000);
+			});
+		}
+	};
+};