-<%inherit file="base.mako"/>\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
-<h2>Recent Games</h2>\r
-% for (game, server, map) in games:\r
-<p>\r
- <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> (<a href="${request.route_url('game_info', id=game.game_id)}" name="Permalink for game #${game.game_id}">permalink</a> for this game)\r
-<table border="1" cellpadding="3">\r
-% if game.game_type_cd == 'ctf':\r
- <tr>\r
- <td>Nick</td>\r
- <td>Team</td>\r
- <td>Kills</td>\r
- <td>Captures</td>\r
- <td>Pickups</td>\r
- <td>Flag Carrier Kills</td>\r
- <td>Returns</td>\r
- <td>Score</td>\r
- <td>Accuracy</td>\r
- </tr>\r
-\r
-% for pgstat in pgstats[game.game_id]:\r
- <tr>\r
- <td>\r
- % if pgstat.player_id > 2:\r
- <a href="${request.route_url("player_info", id=pgstat.player_id)}"\r
- title="Go to the info page for this player">\r
- ${pgstat.nick_html_colors()}\r
- </a>\r
- % else:\r
- ${pgstat.nick_html_colors()}\r
- % endif\r
- </td>\r
- <td style="background-color:${pgstat.team_html_color()};"></td>\r
- <td>${pgstat.kills}</td>\r
- <td>${pgstat.captures}</td>\r
- <td>${pgstat.pickups}</td>\r
- <td>${pgstat.carrier_frags}</td>\r
- <td>${pgstat.returns}</td>\r
- <td>${pgstat.score}</td>\r
- <td>\r
- % if pgstat.player_id > 1:\r
- <a href="${request.route_url("player_weapon_stats", game_id=pgstat.game_id, pgstat_id=pgstat.player_game_stat_id)}"\r
- title="View weapon accuracy details for this player in this game">\r
- View\r
- </a>\r
- % endif\r
- </td>\r
- </tr>\r
-% endfor\r
-</table>\r
-% endif\r
-% endfor\r
-% endif\r
-\r
-% if games.previous_page:\r
-<a href="${request.route_url("game_index_paged", page=games.previous_page)}" name="Previous Page">Previous</a>\r
-% endif\r
-% if games.next_page:\r
-<a href="${request.route_url("game_index_paged", page=games.next_page)}" name="Next Page">Next</a>\r
-% endif\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
+