xonstat/templates/game_info.mako

   1 <%inherit file="base.mako"/>
   2 <%namespace name="nav" file="nav.mako" />
   3 <%namespace file="scoreboard.mako" import="scoreboard" />
   4 <%namespace file="accuracy.mako" import="accuracy" />
   5
   6 <%block name="navigation">
   7 ${nav.nav('games')}
   8 </%block>
   9
  10 <%block name="css">
  11     ${parent.css()}
  12     <link href="/static/css/sprites.css" rel="stylesheet">
  13 </%block>
  14
  15 <%block name="js">
  16       <script src="/static/js/bootstrap-collapse.min.js"></script>
  17       <script>
  18         $(".collapse").collapse();
  19
  20         // show accordion only when loaded to prevent rollup from being seen
  21         $("#acc-accordion").css('display', '');
  22       </script>
  23 </%block>
  24
  25 <%block name="title">
  26 Game Information
  27 </%block>
  28
  29
  30 % if game is None:
  31 <h2>Sorry, that game wasn't found!</h2>
  32
  33 % else:
  34 <div class="row">
  35   <div class="span6 game-detail">
  36     <h2>Game Detail</h2>
  37     <img width="48" height="48" src="/static/images/icons/48x48/${game.game_type_cd}.png" alt="${game.game_type_cd}" title="${game.game_type_cd}"/>
  38     <p>
  39       Played: <span class="abstime" data-epoch="${game.epoch()}" title="${game.start_dt.strftime('%a, %d %b %Y %H:%M:%S UTC')}">${game.fuzzy_date()}</span><br />
  40       Game Type: ${game.game_type_cd}<br />
  41       Server: <a href="${request.route_url("server_info", id=server.server_id)}" name="Server info page for ${server.name}">${server.name}</a><br />
  42       Map: <a href="${request.route_url("map_info", id=map.map_id)}" name="Map info page for ${map.name}">${map.name}</a><br />
  43       % if game.duration is not None:
  44         Duration: ${"%s:%02d" % (game.duration.seconds/60, game.duration.seconds%60)}
  45       % endif
  46     </p>
  47     <span class="clear"></span>
  48   </div>
  49 </div>
  50
  51 <div class="row">
  52   <div class="span12 game">
  53     <h3>Scoreboard</h3>
  54     ${scoreboard(game.game_type_cd, pgstats, show_elo, show_latency)}
  55   </div>
  56 </div>
  57
  58 % if len(captimes) > 0:
  59 <div class="row">
  60   <div class="span6">
  61     <h3>Best Flag Capture Times</h3>
  62     <table class="table table-bordered table-condensed">
  63       <thead>
  64         <tr>
  65            <th>Nick</th>
  66            <th>Captime</th>
  67         </tr>
  68       </thead>
  69       <tbody>
  70       % for pgs in captimes:
  71         <tr>
  72           <td>
  73           % if pgs.player_id > 2:
  74             <a href="${request.route_url("player_info", id=pgs.player_id)}"
  75              title="Go to the info page for this player">
  76             <span class="nick">${pgs.nick_html_colors()|n}</span>
  77             </a>
  78           % else:
  79             <span class="nick">${pgs.nick_html_colors()|n}</span>
  80           % endif
  81           </td>
  82           <td>${round(float(pgs.fastest.seconds) + (pgs.fastest.microseconds/1000000.0), 2)}</td>
  83         </tr>
  84       % endfor
  85       </tbody>
  86     </table>
  87   </div>
  88 </div>
  89 % endif
  90
  91
  92 % if len(pgstats) > 0 and len(pwstats) > 0:
  93 <div class="row">
  94   <div class="span12">
  95     <h3>Accuracy Information</h3>
  96     <div class="accordion" id="acc-accordion" style="display:none;">
  97     % for pgstat in pgstats:
  98     % if pgstat.player_game_stat_id in pwstats:
  99       <div class="accordion-group">
 100         <div class="accordion-heading">
 101           <a class="accordion-toggle" data-toggle="collapse" data-parent="#acc-accordion" href="#accuracy-${pgstat.player_game_stat_id}">
 102           Accuracy for ${pgstat.nick_html_colors()|n}
 103           </a>
 104         </div>
 105         <div id="accuracy-${pgstat.player_game_stat_id}" class="accordion-body collapse in">
 106           <div class="accordion-inner">
 107             ${accuracy(pwstats[pgstat.player_game_stat_id])}
 108           </div>
 109         </div>
 110       </div>
 111     % endif
 112     % endfor
 113   </div>
 114 </div>
 115 % endif
 116
 117 </div>
 118 % endif