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 92b461075..3cd20044b 100644 --- a/gemp-lotr/gemp-lotr-web/src/main/webapp/game.html +++ b/gemp-lotr/gemp-lotr-web/src/main/webapp/game.html @@ -28,11 +28,25 @@ color: #ffffff; } + .player { + color: #ffffff; + } + .player.current { background-color: #ffffff; color: #000000; } + .playerStats { + font-size: 70%; + } + + .playerStats .clickable { + color: #7f7fff; + text-decoration: underline; + cursor: pointer; + } + .phase { color: #ffffff; } 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 7c1650821..ae4687a0f 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 @@ -128,8 +128,8 @@ var GempLotrGameUI = Class.extend({ this.gameStateElem.append("Players:
"); for (var i = 0; i < this.allPlayerIds.length; i++) { - this.gameStateElem.append("
" + this.allPlayerIds[i] + "
"); - this.gameStateElem.append("
"); + this.gameStateElem.append("
" + this.allPlayerIds[i] + "
" + + "
"); } this.gameStateElem.append("
"); @@ -146,14 +146,15 @@ var GempLotrGameUI = Class.extend({ $("#main").append(this.gameStateElem); + if (!this.spectatorMode) + $("#discard" + this.getPlayerIndex(this.bottomPlayerId)).addClass("clickable").click( + (function(index) { + return function() { + that.discardPileDialogs[that.bottomPlayerId].dialog("open"); + }; + })(i)); + for (var i = 0; i < this.allPlayerIds.length; i++) { - if (!this.spectatorMode) - $("#discard" + i).addClass("clickable").click( - (function(index) { - return function() { - that.discardPileDialogs[that.allPlayerIds[index]].dialog("open"); - }; - })(i)); $("#deadPile" + i).addClass("clickable").click( (function(index) { return function() { diff --git a/gemp-lotr/gemp-lotr-web/src/main/webapp/js/hallUi.js b/gemp-lotr/gemp-lotr-web/src/main/webapp/js/hallUi.js index 0a1d4a769..f73915c05 100644 --- a/gemp-lotr/gemp-lotr-web/src/main/webapp/js/hallUi.js +++ b/gemp-lotr/gemp-lotr-web/src/main/webapp/js/hallUi.js @@ -167,17 +167,19 @@ var GempLotrHallUI = Class.extend({ }); tableDiv.append(but); } - if (status == "Playing") { - var but = $(""); - $(but).button().click( - function(event) { - var participantId = getUrlParam("participantId"); - var participantIdAppend = ""; - if (participantId != null) - participantIdAppend = "&participantId=" + participantId; - location.href = "/gemp-lotr/game.html?gameId=" + id + participantIdAppend; - }); - } + } + + if (status == "Playing") { + var but = $(""); + $(but).button().click( + function(event) { + var participantId = getUrlParam("participantId"); + var participantIdAppend = ""; + if (participantId != null) + participantIdAppend = "&participantId=" + participantId; + location.href = "/gemp-lotr/game.html?gameId=" + id + participantIdAppend; + }); + tableDiv.append(but); } return tableDiv;