Fix up layout of gametype filters in game_index

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

diff --git a/xonstat/templates/game_index.mako b/xonstat/templates/game_index.mako
old mode 100755 (executable)
new mode 100644 (file)
index 7a369a3..25d9bff
--- a/xonstat/templates/game_index.mako
+++ b/xonstat/templates/game_index.mako
@@ -1,46 +1,92 @@
-<%inherit file="base.mako"/>\r
-<%namespace file="scoreboard.mako" import="scoreboard" />\r
-<%namespace file="navlinks.mako" import="navlinks" />\r
-\r
-<%block name="title">\r
-Game Index - ${parent.title()}\r
-</%block>\r
-\r
-% if not games:\r
-<h2>Sorry, no games yet. Get playing!</h2>\r
-\r
-% else:\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-freezetag" 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
-<div id="recent-games-list">\r
-       <h2>Recent Games</h2>\r
-       % for (game, server, map) in games:\r
-       <div class="game">\r
-               <img src="/static/images/icons/48x48/${game.game_type_cd}.png"/><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
-\r
-<!-- navigation links -->\r
-${navlinks("game_index_paged", games.page, games.last_page)}\r
-\r
-</div><!-- #recent-games-list -->\r
-% endif\r
-\r
+<%inherit file="base.mako"/>
+<%namespace name="nav" file="nav.mako" />
+<%namespace file="scoreboard.mako" import="scoreboard" />
+<%namespace file="navlinks.mako" import="navlinks" />
+
+<%block name="css">
+${parent.css()}
+<link href="/static/css/sprites.css" rel="stylesheet">
+</%block>
+
+<%block name="navigation">
+${nav.nav('games')}
+</%block>
+
+<%block name="title">
+Game Index
+</%block>
+
+% if not games:
+  % if not game_type_cd:
+<h2>Sorry, no games yet. Get playing!</h2>
+  % else:
+<h2>Sorry, no ${game_type_cd.upper()} games yet. Get playing!</h2>
+  % endif
+
+% else:
+<div class="row">
+  <div class="span12">
+    % if not game_type_cd:
+    <h2>Recent Games</h2>
+    % else:
+    <h2>Recent ${game_type_cd.upper()} Games</h2>
+    % endif
+  </div>
+</div>
+<div class="row">
+  <div class="span12 btn-toolbar">
+    <ul class="nav nav-tabs">
+      ##% for gt in ('overall','duel','ctf','dm','tdm','ca','kh','ft','lms','as','dom','nb','cts','rc'):
+      ##% for gt in ('overall','duel','ctf','dm','tdm','ca','kh','ft','lms','as','dom','nb','cts','rc'):
+      % for gt in ('overall','duel','ctf','dm','tdm'):
+      <li>
+      % if gt == 'overall':
+      <a href="${request.route_url("game_index")}" alt="${gt}" title="" data-toggle="none">
+      % else:
+      <a href="${request.route_url("game_index_filtered", game_type_cd=gt)}" alt="${gt}" title="" data-toggle="none">
+      % endif
+        <span class="sprite sprite-${gt}"> </span><br />
+        ${gt} <br />
+      </a>
+      </li>
+      % endfor
+      <li>
+        <div class="btn-group nav">
+          <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
+            <span class="caret"> </span><br/>
+            more...
+          </a>
+          <ul class="dropdown-menu nav-tabs">
+            % for gt in ('ca','kh','ft','lms','as','dom','nb','cts','rc'):
+            <li>
+            <a href="${request.route_url("game_index_filtered", game_type_cd=gt)}" alt="${gt}" title="" data-toggle="none">
+              <span class="sprite sprite-${gt}"> </span><br/>
+              ${gt}
+            </a>
+            </li>
+            % endfor
+          </ul>
+        </div>
+      </li>
+    </ul>
+  </div>
+  <div class="span12 offset1 tab-content">
+    % for rg in games.items:
+    <div class="game">
+      <img src="/static/images/icons/48x48/${rg.game_type_cd}.png" width="30" height="30" alt="${rg.game_type_cd}" title="${rg.game_type_descr}"/>
+      <h4><a href="${request.route_url("map_info", id=rg.map_id)}" name="Map info page for ${rg.map_name}">${rg.map_name}</a> on <a href="${request.route_url("server_info", id=rg.server_id)}" name="Server info page for ${rg.server_name}">${rg.server_name}</a> <span class="permalink">(<a href="${request.route_url('game_info', id=rg.game_id)}" name="Permalink for game #${rg.game_id}">permalink</a>)</span></h4>
+      <span class="clear"></span>
+      ${scoreboard(rg.game_type_cd, pgstats[rg.game_id])}
+    </div>
+    % endfor
+  </div>
+</div>
+
+<div class="row">
+  <div class="span10 offset1">
+    <!-- navigation links -->
+    ${navlinks("game_index", games.page, games.last_page)}
+  </div>
+</div>
+% endif
+