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
index cf29f555cd9ffa7d488d485ea76a38e4efb8924c..25d9bffab84e7abc8f3e2cbeb0afbd9b8c6b35ed 100644 (file)
--- a/xonstat/templates/game_index.mako
+++ b/xonstat/templates/game_index.mako
@@ -3,6 +3,11 @@
 <%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>
@@ -12,16 +17,60 @@ 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="span10 offset1">
+  <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}"/>