X-Git-Url: http://de.git.xonotic.org/?a=blobdiff_plain;f=xonstat%2Ftemplates%2Fgame_finder.mako;h=8695c27240b55c087b93801fce5d79ca3cd247c2;hb=7aace85e32dd211368edf9c3a20e1e4f50f292cb;hp=c74071b47c83acd4ce62c7e1cab4e57fc1810d40;hpb=9f55e7143ba65cdd40ddc95b6e33262a1fd2c1a2;p=xonotic%2Fxonstat.git

diff --git a/xonstat/templates/game_finder.mako b/xonstat/templates/game_finder.mako
index c74071b..8695c27 100644
--- a/xonstat/templates/game_finder.mako
+++ b/xonstat/templates/game_finder.mako
@@ -6,37 +6,26 @@
 ${nav.nav('games')}
 </%block>
 
-<%block name="css">
-    ${parent.css()}
-    <link href="/static/css/sprites.css" rel="stylesheet">
-</%block>
-
 <%block name="title">
 Game Index
 </%block>
 
-% if len(recent_games) > 0:
-
 ##### ROW OF GAME TYPE ICONS #####
 <div class="row">
-  <div class="span12 tabbable">
-    <ul class="nav nav-tabs">
-      % for gt in ('overall','duel','ctf','dm','tdm','ca','kh','ft','lms','as','dom','nb','cts','rc'):
-      <li 
-      % if game_type_cd == gt or (game_type_cd is None and gt == 'overall'):
-      class="active"
-      % endif
-      >
-
-      % if gt == 'overall':
-      <a href="${request.route_url("game_index")}" alt="${gt}" title="" data-toggle="none">
-      % else:
-      <a href="${request.route_url("game_index", _query={'type':gt})}" alt="${gt}" title="" data-toggle="none">
-      % endif
-        <span class="sprite sprite-${gt}"> </span><br />
-        ${gt} <br />
-      </a>
-      </li>
+  <div class="small-12 columns">
+    <ul class="tabs">
+      % for gt, url in game_type_links:
+        <li class="text-center tab-title
+          % if game_type_cd == gt or (game_type_cd is None and gt == 'overall'):
+            active
+          % endif
+          "
+        >
+          <a href="${url}" alt="${gt}" title="Show only ${gt} games">
+            <span class="sprite sprite-${gt}"></span><br />
+            ${gt} <br />
+          </a>
+        </li>
       % endfor
     </ul>
     <br />
@@ -45,27 +34,28 @@ Game Index
 
 ##### RECENT GAMES TABLE #####
 <div class="row">
-  <div class="span12">
-    <table class="table table-hover table-condensed">
+  <div class="small-12 columns">
+    % if len(recent_games) > 0:
+    <table class="table-hover table-condensed">
       <thead>
         <tr>
-          <th></th>
-          <th>Type</th>
-          <th>Server</th>
-          <th>Map</th>
-          <th>Time</th>
-          <th>Winner</th>
+          <th class="small-1 text-center"></th>
+          <th class="small-1">Type</th>
+          <th class="show-for-medium-up small-3">Server</th>
+          <th class="show-for-medium-up small-2">Map</th>
+          <th class="show-for-large-up small-2">Time</th>
+          <th class="small-3">Winner</th>
         </tr>
       </thead>
       <tbody>
       % for rg in recent_games:
         <tr>
-          <td class="tdcenter"><a class="btn btn-primary btn-small" href="${request.route_url('game_info', id=rg.game_id)}" title="View detailed information about this game">view</a></td>
-          <td class="tdcenter"><span alt="${rg.game_type_cd}" class="sprite sprite-${rg.game_type_cd}" title="${rg.game_type_descr}"></span></td>
-          <td><a href="${request.route_url('server_info', id=rg.server_id)}" title="Go to the detail page for this server">${rg.server_name}</a></td>
-          <td><a href="${request.route_url('map_info', id=rg.map_id)}" title="Go to the map detail page for this map">${rg.map_name}</a></td>
-          <td><span class="abstime" data-epoch="${rg.epoch}" title="${rg.start_dt.strftime('%a, %d %b %Y %H:%M:%S UTC')}">${rg.fuzzy_date}</span></td>
-          <td>
+          <td class="text-center"><a class="button tiny" href="${request.route_url('game_info', id=rg.game_id)}" title="View detailed information about this game">view</a></td>
+          <td class="text-center"><i class="sprite sprite-${rg.game_type_cd}" title="${rg.game_type_descr}"></i></td>
+          <td class="show-for-medium-up no-stretch"><a href="${request.route_url('server_info', id=rg.server_id)}" title="Go to the detail page for this server">${rg.server_name}</a></td>
+          <td class="show-for-medium-up"><a href="${request.route_url('map_info', id=rg.map_id)}" title="Go to the map detail page for this map">${rg.map_name}</a></td>
+          <td class="show-for-large-up"><span class="abstime" data-epoch="${rg.epoch}" title="${rg.start_dt.strftime('%a, %d %b %Y %H:%M:%S UTC')}">${rg.fuzzy_date}</span></td>
+          <td class="no-stretch">
             % if rg.player_id > 2:
             <a href="${request.route_url('player_info', id=rg.player_id)}" title="Go to the player info page for this player">${rg.nick_html_colors|n}</a></td>
             % else:
@@ -75,17 +65,20 @@ Game Index
         % endfor
         </tbody>
     </table>
-  </div> <!-- /span12 -->
-</div> <!-- /row -->
+    % else:
+    <h2>No more games to show!</h2>
+    % endif
+  </div>
+</div>
 
+% if len(recent_games) == 20:
 <div class="row">
-  <div class="span12 text-center">
+  <div class="small-12 columns">
     <ul class="pagination">
       <li>
-        <a  href="${request.route_url('game_index', _query=query)}" name="Next Page">Next <i class="glyphicon glyphicon-arrow-right"></i></a>
+        <a  href="${request.route_url('game_index', _query=query)}" name="Next Page">Next <i class="fa fa-arrow-right"></i></a>
       </li>
     </ul>
   </div>
 </div>
-
 % endif