From daa732545cf4ec3a50cfdf1e5aedb46cc10077e3 Mon Sep 17 00:00:00 2001
From: "marcins78@gmail.com"
 <marcins78@gmail.com@eb7970ca-0f6f-de4b-2938-835b230b9d1f>
Date: Fri, 16 Sep 2011 13:44:17 +0000
Subject: [PATCH] Adding "chess-clock"s.

---
 .../gemp-lotr-web/src/main/webapp/game.html   |  5 ++++
 .../src/main/webapp/js/gameUi.js              | 26 ++++++++++++++++---
 2 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/gemp-lotr/gemp-lotr-web/src/main/webapp/game.html b/gemp-lotr/gemp-lotr-web/src/main/webapp/game.html
index 77de48809..a0fe80fba 100644
--- a/gemp-lotr/gemp-lotr-web/src/main/webapp/game.html
+++ b/gemp-lotr/gemp-lotr-web/src/main/webapp/game.html
@@ -88,6 +88,11 @@
         #settingsBox label {
             font-size: 70%;
         }
+
+        .clock {
+            float: right;
+            font-size: 70%;
+        }
     </style>
     <link rel="stylesheet" type="text/css" href="css/dark-hive/jquery-ui-1.8.16.custom.css">
     <link rel="stylesheet" type="text/css" href="js/jquery/styles/jquery.spinnercontrol.css">
diff --git a/gemp-lotr/gemp-lotr-web/src/main/webapp/js/gameUi.js b/gemp-lotr/gemp-lotr-web/src/main/webapp/js/gameUi.js
index 3134defe6..b3e7740f4 100644
--- a/gemp-lotr/gemp-lotr-web/src/main/webapp/js/gameUi.js
+++ b/gemp-lotr/gemp-lotr-web/src/main/webapp/js/gameUi.js
@@ -1,8 +1,6 @@
 var GempLotrGameUI = Class.extend({
     padding: 5,
 
-    getCardModifiersFunction: null,
-
     selfPlayerId: null,
     currentPlayerId: null,
     allPlayerIds: null,
@@ -111,8 +109,9 @@ var GempLotrGameUI = Class.extend({
         this.gameStateElem.css({"border-radius": "7px"});
 
         this.gameStateElem.append("<b>Players:</b><br>");
-        for (var i = 0; i < this.allPlayerIds.length; i++)
-            this.gameStateElem.append("<div class='player'>" + this.allPlayerIds[i] + "</div>");
+        for (var i = 0; i < this.allPlayerIds.length; i++) {
+            this.gameStateElem.append("<div class='player'>" + this.allPlayerIds[i] + "<div id='clock" + i + "' class='clock'></div></div>");
+        }
 
         this.gameStateElem.append("<br>");
 
@@ -437,6 +436,25 @@ var GempLotrGameUI = Class.extend({
             this.shadowStrengthDiv.text(skirmish[0].getAttribute("shadowStrength"));
         }
 
+        var clocks = element.getElementsByTagName("clocks")[0].getElementsByTagName("clock");
+        for (var i = 0; i < clocks.length; i++) {
+            var clock = clocks[i];
+            var participantId = clock.getAttribute("participantId");
+            var index = -1;
+            for (var plId = 0; plId < this.allPlayerIds.length; plId++)
+                if (this.allPlayerIds[plId] == participantId)
+                    index = plId;
+
+            var value = parseInt(clock.childNodes[0].nodeValue);
+
+            var sign = (value < 0) ? "-" : "";
+            value = Math.abs(value);
+            var minutes = Math.floor(value / 60);
+            var seconds = value % 60;
+
+            $("#clock" + index).text(sign + minutes + ":" + seconds);
+        }
+
         if (gameEvents.length > 0)
             this.layoutUI(true);