Set the active clock in bold.

diff --git a/www/css/remoteglot.css b/www/css/remoteglot.css
index 8551289d6a251ee89336381a5884d4a2a38b5351..da0a3a6051fb2cd903b23cbe8bf17580318e056a 100644 (file)
--- a/www/css/remoteglot.css
+++ b/www/css/remoteglot.css
@@ -105,6 +105,9 @@ p {
        text-align: right;
        margin-right: 5px;
 }
+.running-clock {
+       font-weight: bold;
+}
 #analysis {
        display: block;
        min-width: 400px;

diff --git a/www/js/remoteglot.js b/www/js/remoteglot.js
index 9635c9198f20cb05268ce38229b3dd097d46df3c..5744c6335675db9d883875e91b02012fe68ba5bb 100644 (file)
--- a/www/js/remoteglot.js
+++ b/www/js/remoteglot.js
@@ -851,16 +851,22 @@ var update_clock = function() {
                if (result === '1-0') {
                        $("#whiteclock").text("1");
                        $("#blackclock").text("0");
+                       $("#whiteclock").removeClass("running-clock");
+                       $("#blackclock").removeClass("running-clock");
                        return;
                }
                if (result === '1/2-1/2') {
                        $("#whiteclock").text("1/2");
                        $("#blackclock").text("1/2");
+                       $("#whiteclock").removeClass("running-clock");
+                       $("#blackclock").removeClass("running-clock");
                        return;
                }       
                if (result === '0-1') {
                        $("#whiteclock").text("0");
                        $("#blackclock").text("1");
+                       $("#whiteclock").removeClass("running-clock");
+                       $("#blackclock").removeClass("running-clock");
                        return;
                }
        }
@@ -899,6 +905,14 @@ var update_clock = function() {
 
        $("#whiteclock").text(white_clock);
        $("#blackclock").text(black_clock);
+
+       if (toplay == 'W') {
+               $("#whiteclock").addClass("running-clock");
+               $("#blackclock").removeClass("running-clock");
+       } else {
+               $("#whiteclock").removeClass("running-clock");
+               $("#blackclock").addClass("running-clock");
+       }
 }
 
 /**