Implement status handling to provide visual clue about the game state

www/game.js

@@ -16,6 +16,7 @@ function Game(modules) {
 		if(document.hasFocus()) {
 			modules.async.run(handleGameMessage(o));
 		} else {
+			modules.statusHandler.set("♪");
 			queue.push(handleGameMessage(o));
 		}
 	});

www/index.html

@@ -12,6 +12,7 @@
     <script src="messaging.js"></script>
     <script src="session.js"></script>
     <script src="room.js"></script>
+    <script src="statusHandler.js"></script>
     <script src="login.js"></script>
     <script src="hanafuda.js"></script>
     <script src="game.js"></script>

www/login.js

@@ -56,6 +56,7 @@ function Login(modules) {
     var name = modules.room.name(o.from);
     // invitations should come only from known players, in doubt say «no»
     if(name) {
+      modules.statusHandler.set("🎴");
       modules.screen.dialog({
         text: modules.i18n.get('invited')(name),
         answers: invitationAnswers

www/main.js

@@ -8,9 +8,10 @@ window.addEventListener('load', function() {
   var messaging = Messaging();
   var session = Session({messaging: messaging});
   var room = Room({dom: dom, messaging: messaging, session: session, fun: fun});
-  var login = Login({dom: dom, i18n: i18n, messaging: messaging, room: room, screen: screen, session: session});
+  var statusHandler = StatusHandler();
+  var login = Login({dom: dom, i18n: i18n, messaging: messaging, room: room, screen: screen, session: session, statusHandler: statusHandler});
   var hanafuda = Hanafuda({fun: fun});
-  var game = Game({async: async, dom: dom, i18n: i18n, fun: fun, hanafuda: hanafuda, messaging: messaging, room: room, screen: screen, session: session});
+  var game = Game({async: async, dom: dom, i18n: i18n, fun: fun, hanafuda: hanafuda, messaging: messaging, room: room, screen: screen, session: session, statusHandler: statusHandler});
 
   var domElems = {
     join: document.getElementById('login').join,

www/statusHandler.js

@@ -0,0 +1,20 @@
+function StatusHandler() {
+  var baseTitle = document.title;
+	window.addEventListener('focus', reset);
+
+  return {
+    reset: reset,
+    set: set
+  };
+
+  function reset() {
+    document.title = baseTitle;
+  }
+
+  function set(newStatus) {
+    if(!document.hasFocus()) {
+      document.title = newStatus + " - " + baseTitle;
+    }
+  }
+
+}