cleaned up some styles, started laying out the recent games page with search. Gave...

[xonotic/xonstat.git] / xonstat / templates / game_index.mako

diff --git a/xonstat/templates/game_index.mako b/xonstat/templates/game_index.mako
index a1cf8f608d796068c2bbd630c699d865b8cc5de3..000c7c38ead4f2a3e10bb2206d1be74f50c58b28 100755 (executable)
--- a/xonstat/templates/game_index.mako
+++ b/xonstat/templates/game_index.mako
@@ -9,15 +9,34 @@ Game Index - ${parent.title()}
 <h2>Sorry, no games yet. Get playing!</h2>\r
 \r
 % else:\r
-<h2>Recent Games</h2>\r
-% for (game, server, map) in games:\r
-<div class="game">\r
-       <h3><a href="${request.route_url("map_info", id=map.map_id)}" name="Map info page for ${map.name}">${map.name}</a> on <a href="${request.route_url("server_info", id=server.server_id)}" name="Server info page for ${server.name}">${server.name}</a> <span class="permalink">(<a href="${request.route_url('game_info', id=game.game_id)}" name="Permalink for game #${game.game_id}">permalink</a>)</span></h3>\r
-## show scoreboard using a def from another file\r
-${scoreboard(game.game_type_cd, pgstats[game.game_id])}\r
+<div id="filter">\r
+       <h2>Filter</h2>\r
+       <input id="search" type="text" name="search" />\r
+       <input id="show-bots" type="checkbox" class="checkbox" checked="checked" /><label for="show-bots" class="checkbox-label">Show Bots</label><br />\r
+       <h3>Gametype</h3>\r
+       <input id="game-ca" type="checkbox" class="checkbox" /><label for="game-ca" class="checkbox-label">CA</label><br />\r
+       <input id="game-ctf" type="checkbox" class="checkbox" /><label for="game-ctf" class="checkbox-label">CTF</label><br />\r
+       <input id="game-dm" type="checkbox" class="checkbox" /><label for="game-dm" class="checkbox-label">DM</label><br />\r
+       <input id="game-freezetag" type="checkbox" class="checkbox" /><label for="game-freeztag" class="checkbox-label">Freezetag</label><br />\r
+       <h3>Sort By</h3>\r
+       <select id="sort-by">\r
+               <option>Kills</option>\r
+               <option>Deaths</option>\r
+               <option>Suicides</option>\r
+               <option>Time</option>\r
+               <option>Score</option>\r
+       </select>\r
 </div>\r
-\r
+<div id="recent-games-list">\r
+       <h2>Recent Games</h2>\r
+       % for (game, server, map) in games:\r
+       <div class="game">\r
+               <h3><a href="${request.route_url("map_info", id=map.map_id)}" name="Map info page for ${map.name}">${map.name}</a> on <a href="${request.route_url("server_info", id=server.server_id)}" name="Server info page for ${server.name}">${server.name}</a> <span class="permalink">(<a href="${request.route_url('game_info', id=game.game_id)}" name="Permalink for game #${game.game_id}">permalink</a>)</span></h3>\r
+       ## show scoreboard using a def from another file\r
+       ${scoreboard(game.game_type_cd, pgstats[game.game_id])}\r
+       </div>\r
 % endfor\r
+</div><!-- #recent-games-list -->\r
 % endif\r
 \r
 % if games.previous_page:\r