From ddd18aff1eda082e384bd1c6158cf6313f364b2f Mon Sep 17 00:00:00 2001
From: marcins78 <marcins78@eb7970ca-0f6f-de4b-2938-835b230b9d1f>
Date: Wed, 2 Jan 2013 12:03:30 +0000
Subject: [PATCH] Adding table/queue count to the UI.

---
 .../src/main/webapp/js/gemp-014/hallUi.js       | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/gemp-lotr/gemp-lotr-web/src/main/webapp/js/gemp-014/hallUi.js b/gemp-lotr/gemp-lotr-web/src/main/webapp/js/gemp-014/hallUi.js
index bd7c6b0d2..285334980 100644
--- a/gemp-lotr/gemp-lotr-web/src/main/webapp/js/gemp-014/hallUi.js
+++ b/gemp-lotr/gemp-lotr-web/src/main/webapp/js/gemp-014/hallUi.js
@@ -104,7 +104,7 @@ var GempLotrHallUI = Class.extend({
     },
 
     addQueuesTable: function() {
-        var header = $("<div class='eventHeader'></div>");
+        var header = $("<div class='eventHeader queues'></div>");
 
         var content = $("<div></div>");
 
@@ -125,6 +125,7 @@ var GempLotrHallUI = Class.extend({
             });
         header.append(toggleContent);
         header.append(" Tournament queues");
+        header.append(" <span class='count'>(0)</span>");
 
         var table = $("<table class='tables queues'></table>");
         table.append("<tr><th width='10%'>Format</th><th width='8%'>Collection</th><th width='12%'>Queue name</th><th width='16%'>Starts</th><th width='10%'>System</th><th width='6%'>Players</th><th width='8%'>Cost</th><th width='20%'>Prizes</th><th width='10%'>Actions</th></tr>");
@@ -135,7 +136,7 @@ var GempLotrHallUI = Class.extend({
     },
 
     addWaitingTablesTable: function() {
-        var header = $("<div class='eventHeader'></div>");
+        var header = $("<div class='eventHeader waitingTables'></div>");
 
         var content = $("<div></div>");
 
@@ -156,6 +157,7 @@ var GempLotrHallUI = Class.extend({
             });
         header.append(toggleContent);
         header.append(" Waiting tables");
+        header.append(" <span class='count'>(0)</span>");
 
         var table = $("<table class='tables waitingTables'></table>");
         table.append("<tr><th width='20%'>Format</th><th width='40%'>Tournament</th><th width='10%'>Status</th><th width='20%'>Players</th><th width='10%'>Actions</th></tr>");
@@ -166,7 +168,7 @@ var GempLotrHallUI = Class.extend({
     },
 
     addPlayingTablesTable: function() {
-        var header = $("<div class='eventHeader'></div>");
+        var header = $("<div class='eventHeader playingTables'></div>");
 
         var content = $("<div></div>");
 
@@ -187,6 +189,7 @@ var GempLotrHallUI = Class.extend({
             });
         header.append(toggleContent);
         header.append(" Playing tables");
+        header.append(" <span class='count'>(0)</span>");
 
         var table = $("<table class='tables playingTables'></table>");
         table.append("<tr><th width='20%'>Format</th><th width='40%'>Tournament</th><th width='10%'>Status</th><th width='20%'>Players</th><th width='10%'>Actions</th></tr>");
@@ -197,7 +200,7 @@ var GempLotrHallUI = Class.extend({
     },
 
     addFinishedTablesTable: function() {
-        var header = $("<div class='eventHeader'></div>");
+        var header = $("<div class='eventHeader finishedTables'></div>");
 
         var content = $("<div></div>");
 
@@ -218,6 +221,7 @@ var GempLotrHallUI = Class.extend({
             });
         header.append(toggleContent);
         header.append(" Finished tables");
+        header.append(" <span class='count'>(0)</span>");
 
         var table = $("<table class='tables finishedTables'></table>");
         table.append("<tr><th width='20%'>Format</th><th width='40%'>Tournament</th><th width='10%'>Status</th><th width='20%'>Players</th><th width='10%'>Winner</th></tr>");
@@ -477,6 +481,11 @@ var GempLotrHallUI = Class.extend({
                 }
             }
 
+            $(".count", $(".eventHeader.queues")).html("("+($("tr", $("table.queues")).length-1)+")");
+            $(".count", $(".eventHeader.waitingTables")).html("("+($("tr", $("table.waitingTables")).length-1)+")");
+            $(".count", $(".eventHeader.playingTables")).html("("+($("tr", $("table.playingTables")).length-1)+")");
+            $(".count", $(".eventHeader.finishedTables")).html("("+($("tr", $("table.finishedTables")).length-1)+")");
+
             var skipReload = false;
             var games = root.getElementsByTagName("game");
             if (games.length > 0) {