]> git.rm.cloudns.org Git - xonotic/xonstat.git/commitdiff
Convert the map_info view.
authorAnt Zucaro <azucaro@gmail.com>
Fri, 20 Mar 2015 22:15:02 +0000 (18:15 -0400)
committerAnt Zucaro <azucaro@gmail.com>
Fri, 20 Mar 2015 22:15:02 +0000 (18:15 -0400)
xonstat/templates/map_info.mako

index 5fd152d5ac543e1ebf91c893da3a64235ea342bf..166cb86cfcb18f804872ff8e55fd879f35a473f4 100644 (file)
 <%namespace file="navlinks.mako" import="navlinks" />
 
 <%block name="navigation">
-${nav.nav('maps')}
+  ${nav.nav('maps')}
 </%block>
 
 <%block name="title">
-% if gmap:
-Map Information
-% endif
+  % if gmap:
+    Map Information
+  % endif
 
-${parent.title()}
+  ${parent.title()}
 </%block>
 
 <%block name="css">
-    ${parent.css()}
-    <link href="/static/css/sprites.css" rel="stylesheet">
+  ${parent.css()}
+  <link href="/static/css/sprites.css" rel="stylesheet">
 </%block>
 
 % if gmap is None:
-<h2>Sorry, that map wasn't found!</h2>
+  <h2>Sorry, that map wasn't found!</h2>
 
 % else:
-<h2>${gmap.name}</h2>
-<p>
-  Added <span class="abstime" data-epoch="${gmap.epoch()}" title="${gmap.create_dt.strftime('%a, %d %b %Y %H:%M:%S UTC')}">${gmap.fuzzy_date()}</span>
-</p>
-<div class="row">
-  <div class="span4">
-    <h3>Top Scoring Players</h3>
-    <table class="table table-hover table-condensed">
-      <thead>
-        <tr>
-          <th style="width:40px;">#</th>
-          <th style="width:150px;">Nick</th>
-          <th style="width:90px;">Score</th>
-        </tr>
-      </thead>
-      <tbody>
+  <h2>${gmap.name}</h2>
+  <p>
+    Added <span class="abstime" data-epoch="${gmap.epoch()}" title="${gmap.create_dt.strftime('%a, %d %b %Y %H:%M:%S UTC')}">${gmap.fuzzy_date()}</span>
+  </p>
+
+  <div class="row">
+    <div class="small-12 large-4 columns">
+      <h5>Top Scoring Players</h5>
+      <table class="table-hover table-condensed">
+        <thead>
+          <tr>
+            <th class="small-2">#</th>
+            <th class="small-7">Nick</th>
+            <th class="small-4">Score</th>
+          </tr>
+        </thead>
+        <tbody>
+          <% i = 1 %>
+          % for (score_player_id, score_nick, score_value) in top_scorers:
+            <tr>
+              <td>${i}</td>
+              % if score_player_id != '-':
+                <td class="no-stretch"><a href="${request.route_url('player_info', id=score_player_id)}" title="Go to the player info page for this player">${score_nick|n}</a></td>
+              % else:
+                <td class="no-stretch">${score_nick}</td>
+              % endif
+              <td>${score_value}</td>
+            </tr>
+            <% i = i+1 %>
+          % endfor
+          </tbody>
+      </table>
+    </div>
+
+    <div class="small-12 large-4 columns">
+      <h5>Most Active Players</h5>
+      <table class="table-hover table-condensed">
+        <thead>
+          <tr>
+            <th class="small-2">#</th>
+            <th class="small-7">Nick</th>
+            <th class="small-4">Time</th>
+          </tr>
+        </thead>
+        <tbody>
         <% i = 1 %>
-        % for (score_player_id, score_nick, score_value) in top_scorers:
-        <tr>
-          <td>${i}</td>
-          % if score_player_id != '-':
-          <td class="nostretch" style="max-width:150px;"><a href="${request.route_url('player_info', id=score_player_id)}" title="Go to the player info page for this player">${score_nick|n}</a></td>
-          % else:
-          <td class="nostretch" style="max-width:150px;">${score_nick}</td>
-          % endif
-          <td>${score_value}</td>
-        </tr>
-        <% i = i+1 %>
+        % for (player_id, nick, alivetime) in top_players:
+          <tr>
+            <td>${i}</td>
+            % if player_id != '-':
+            <td class="no-stretch"><a href="${request.route_url('player_info', id=player_id)}" title="Go to the player info page for this player">${nick|n}</a></td>
+            % else:
+            <td class="no-stretch">${nick}</td>
+            % endif
+            <td>${alivetime}</td>
+          </tr>
+          <% i = i+1 %>
         % endfor
         </tbody>
-    </table>
-  </div>
-
-
-<div class="span4">
-  <h3>Most Active Players</h3>
-  <table class="table table-hover table-condensed">
-    <thead>
-      <tr>
-        <th style="width:40px;">#</th>
-        <th style="width:150px;">Nick</th>
-        <th style="width:90px;">Playing Time</th>
-      </tr>
-    </thead>
-    <tbody>
-    <% i = 1 %>
-    % for (player_id, nick, alivetime) in top_players:
-      <tr>
-        <td>${i}</td>
-        % if player_id != '-':
-        <td class="nostretch" style="max-width:150px;"><a href="${request.route_url('player_info', id=player_id)}" title="Go to the player info page for this player">${nick|n}</a></td>
-        % else:
-        <td class="nostretch" style="max-width:150px;">${nick}</td>
-        % endif
-        <td>${alivetime}</td>
-      </tr>
-      <% i = i+1 %>
-    % endfor
-    </tbody>
-  </table>
-</div>
-
-
-<div class="span4">
-  <h3>Most Active Servers</h3>
-  <table class="table table-hover table-condensed">
-    <thead>
-      <tr>
-        <th style="width:40px;">#</th>
-        <th style="width:150px;">Name</th>
-        <th style="width:90px;"># Games</th>
-      </tr>
-    </thead>
-    <tbody>
-    <% i = 1 %>
-    % for (server_id, name, times_played) in top_servers:
-      <tr>
-        <td>${i}</td>
-        <td class="nostretch" style="max-width:150px;"><a href="${request.route_url('server_info', id=server_id)}" title="Go to the server info page for this server">${name}</a></td>
-        <td>${times_played}</td>
-      </tr>
-      <% i = i+1 %>
-    % endfor
-    </tbody>
-</table>
-</div>
-</div> <!-- /row -->
-
-<div class="row">
-  <div class="span12">
-    <p class="note">*Most active stats are from the past 7 days</p>
-  </div>
-</div>
-
-% if len(captimes) > 0:
-<div class="row">
-  <div class="span6">
-    <h3>Best Flag Capture Times</h3>
-    <table class="table table-hover table-condensed">
-      <thead>
-        <tr>
-           <th>Nick</th>
-           <th>Captime</th>
-        </tr>
-      </thead>
-      <tbody>
-      % for c in captimes:
-        <tr>
-          <td>
-          % if c.player_id > 2:
-            <a href="${request.route_url("player_info", id=c.player_id)}"
-             title="Go to the info page for this player">
-            <span class="nick">${c.nick_html_colors|n}</span>
-            </a>
-          % else:
-            <span class="nick">${c.nick_html_colors|n}</span>
-          % endif
-          </td>
-          <td>
-            <a href="${request.route_url("game_info", id=c.game_id)}"
-             title="View the game in which this cap was made">
-              ${round(float(c.fastest_cap.seconds) + (c.fastest_cap.microseconds/1000000.0), 2)}
-            </a>
-          </td>
-        </tr>
-      % endfor
-      </tbody>
-    </table>
+      </table>
+    </div>
+
+    <div class="small-12 large-4 columns">
+      <h5>Most Active Servers</h5>
+      <table class="table-hover table-condensed">
+        <thead>
+          <tr>
+            <th class="small-2">#</th>
+            <th class="small-7">Name</th>
+            <th class="small-4"># Games</th>
+          </tr>
+        </thead>
+        <tbody>
+        <% i = 1 %>
+        % for (server_id, name, times_played) in top_servers:
+          <tr>
+            <td>${i}</td>
+            <td class="no-stretch" style="max-width:150px;"><a href="${request.route_url('server_info', id=server_id)}" title="Go to the server info page for this server">${name}</a></td>
+            <td>${times_played}</td>
+          </tr>
+          <% i = i+1 %>
+        % endfor
+        </tbody>
+      </table>
+    </div>
+  </div> <!-- /row -->
+
+  <div class="row">
+    <div class="small-12 columns">
+      <small>*Most active stats are from the past 7 days</small>
+    </div>
   </div>
-</div>
-% endif
-
 
-% if len(recent_games) > 0:
-<div class="row">
-  <div class="span12">
-    <h3>Most Recent Games</h3>
-    <table class="table table-hover table-condensed">
-      <thead>
-        <tr>
-          <th></th>
-          <th>Type</th>
-          <th>Server</th>
-          <th>Time</th>
-          <th>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 class="sprite sprite-${rg.game_type_cd}" alt="${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><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="nostretch">
-            % 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>
+  % if len(captimes) > 0:
+  <div class="row">
+    <div class="small-12 large-6 columns">
+      <h5>Best Flag Capture Times</h5>
+      <table class="table-hover table-condensed">
+        <thead>
+          <tr>
+             <th class="small-8">Nick</th>
+             <th class="small-4">Captime</th>
+          </tr>
+        </thead>
+        <tbody>
+        % for c in captimes:
+          <tr>
+            <td class="no-stretch">
+            % if c.player_id > 2:
+              <a href="${request.route_url("player_info", id=c.player_id)}"
+               title="Go to the info page for this player">
+              <span>${c.nick_html_colors|n}</span>
+              </a>
             % else:
-            ${rg.nick_html_colors|n}
+              <span>${c.nick_html_colors|n}</span>
             % endif
-          </td>
-        </tr>
+            </td>
+            <td>
+              <a href="${request.route_url("game_info", id=c.game_id)}"
+               title="View the game in which this cap was made">
+                ${round(float(c.fastest_cap.seconds) + (c.fastest_cap.microseconds/1000000.0), 2)}
+              </a>
+            </td>
+          </tr>
         % endfor
-      </tbody>
-    </table>
-    <p><a href="${request.route_url('game_index', _query={'map_id':gmap.map_id})}">More...</a></p>
+        </tbody>
+      </table>
+    </div>
   </div>
-</div>
-% endif
-
+  % endif
+
+  % if len(recent_games) > 0:
+  <div class="row">
+    <div class="small-12 columns">
+      <h5>Most Recent Games</h5>
+      <table class="table-hover table-condensed">
+        <thead>
+          <tr>
+            <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-large-up small-3">Time</th>
+            <th class="small-3">Winner</th>
+          </tr>
+        </thead>
+        <tbody>
+          % for rg in recent_games:
+          <tr>
+            <td class="text-center"><a class="tiny button" href="${request.route_url('game_info', id=rg.game_id)}" title="View detailed information about this game">View</a></td>
+            <td class="text-center"><span class="sprite sprite-${rg.game_type_cd}" alt="${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><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>
+              % else:
+              ${rg.nick_html_colors|n}
+              % endif
+            </td>
+          </tr>
+          % endfor
+        </tbody>
+      </table>
+      <p><a href="${request.route_url('game_index', _query={'map_id':gmap.map_id})}">More...</a></p>
+    </div>
+  </div>
+  % endif
 
 % endif