xonstat/templates/nvd3_damage.mako

   1 <%inherit file="base.mako"/>
   2 <%namespace name="nav" file="nav.mako" />
   3
   4 <%block name="navigation">
   5 ${nav.nav('players')}
   6 </%block>
   7
   8 <%block name="title">
   9 Player Damage
  10 </%block>
  11
  12 <%block name="css">
  13 ${parent.css()}
  14 <link href="/static/css/sprites.css" rel="stylesheet">
  15 <link href="/static/css/nv.d3.css" rel="stylesheet" type="text/css">
  16
  17 <style>
  18 #damageChartSVG {
  19   height: 500px;
  20 }
  21 </style>
  22 </%block>
  23
  24 <%block name="js">
  25 <script src="/static/js/d3.v3.js"></script>
  26 <script src="/static/js/nv.d3.min.js"></script>
  27 <script src="/static/js/weaponCharts.js"></script>
  28 <script>
  29 // request initial weaponstats data
  30 % if game_type_cd is not None:
  31     d3.json("${request.route_url('player_weaponstats_data_json', id=player_id, _query={'limit':limit, 'game_type':game_type_cd})}", drawDamageChart);
  32 % else:
  33     d3.json("${request.route_url('player_weaponstats_data_json', id=player_id, _query={'limit':limit})}", drawDamageChart);
  34 % endif
  35
  36 // redraw the SVG charts on a gametype icon click
  37 % for gt in ('overall','duel','ctf','dm','tdm','ca','kh','ft','lms','as','dom','nb','cts','rc'):
  38 d3.select('.${gt}').on("click", function() {
  39   // set class to active
  40   d3.select('.game_type.active').classed('active', false);
  41   this.className = "game_type ${gt} active";
  42
  43   // have to remove the chart each time
  44   d3.select('#damageChartSVG .nvd3').remove();
  45   d3.json("${request.route_url('player_weaponstats_data_json', id=player_id, _query={'limit':limit, 'game_type':gt})}", drawDamageChart);
  46 });
  47 % endfor
  48 </script>
  49 </%block>
  50
  51 <div class="row">
  52   <div class="span12">
  53
  54     <div id="damageChart">
  55       <svg id="damageChartSVG"></svg>
  56     </div>
  57
  58   </div> <!-- end span12 -->
  59 </div> <!-- end row -->
  60
  61 ##### ROW OF GAME TYPE ICONS #####
  62 <div class="row">
  63   <div class="span12 tabbable">
  64     <ul class="nav nav-tabs gametype-nav">
  65       % for gt in ('overall','duel','ctf','dm','tdm','ca','kh','ft','lms','as','dom','nb','cts','rc'):
  66       <li class="game_type ${gt}
  67       % if game_type_cd == gt or (game_type_cd is None and gt == 'overall'):
  68       active
  69       % endif
  70       ">
  71         <a href="#${gt}"><span class="sprite sprite-${gt}"> </span><br />
  72         ${gt} <br /></a>
  73       </li>
  74       % endfor
  75     </ul>
  76     <br />
  77   </div>
  78 </div>