Pack remoteglot.js into an anonymous function for better scoping.

[remoteglot] / www / js / remoteglot.js

diff --git a/www/js/remoteglot.js b/www/js/remoteglot.js
index 671c3d08e7e967bdade4ccddf975d6fe7787c430..9a2b5fda422e59d35799f4aff7596e685c9fd84c 100644 (file)
--- a/www/js/remoteglot.js
+++ b/www/js/remoteglot.js
@@ -1,3 +1,5 @@
+(function() {
+
 var board = [];
 var arrows = [];
 var arrow_targets = [];
@@ -5,14 +7,16 @@ var occupied_by_arrows = [];
 var ims = 0;
 var highlight_from = undefined;
 var highlight_to = undefined;
+var unique = Math.random();
 
-var request_update = function(board, first) {
+var request_update = function(board) {
        $.ajax({
-               //url: "http://analysis.sesse.net/analysis.pl?first=" + first
-               url: "http://analysis.sesse.net:5000/analysis.pl?ims=" + ims
+               url: "http://analysis.sesse.net/analysis.pl?ims=" + ims + "&unique=" + unique
+               //url: "http://analysis.sesse.net:5000/analysis.pl?ims=" + ims + "&unique=" + unique
        }).done(function(data, textstatus, xhr) {
                ims = xhr.getResponseHeader('X-Remoteglot-Last-Modified');
-               update_board(board, data);
+               var num_viewers = xhr.getResponseHeader('X-Remoteglot-Num-Viewers');
+               update_board(board, data, num_viewers);
        });
 }
 
@@ -277,7 +281,7 @@ var update_highlight = function()  {
        }
 }
 
-var update_board = function(board, data) {
+var update_board = function(board, data, num_viewers) {
        // The headline.
        var headline = 'Analysis';
        if (data.position.last_move !== 'none') {
@@ -290,6 +294,14 @@ var update_board = function(board, data) {
 
        $("#headline").text(headline);
 
+       if (num_viewers === null) {
+               $("#numviewers").text("");
+       } else if (num_viewers == 1) {
+               $("#numviewers").text("You are the only current viewer");
+       } else {
+               $("#numviewers").text(num_viewers + " current viewers");
+       }
+
        // The score.
        if (data.score !== null) {
                $("#score").text(data.score);
@@ -418,14 +430,14 @@ var update_board = function(board, data) {
        }
 
        // Next update.
-       setTimeout(function() { request_update(board, 0); }, 100);
+       setTimeout(function() { request_update(board); }, 100);
 }
 
 var init = function() {
        // Create board.
        board = new ChessBoard('board', 'start');
 
-       request_update(board, 1);
+       request_update(board);
        $(window).resize(function() {
                board.resize();
                update_highlight();
@@ -433,3 +445,5 @@ var init = function() {
        });
 };
 $(document).ready(init);
+
+})();