1 <%inherit file="base.mako"/>
2 <%namespace name="nav" file="nav.mako" />
4 <%block name="navigation">
14 <link href="/static/css/sprites.css" rel="stylesheet">
15 <link href="/static/css/nv.d3.css" rel="stylesheet" type="text/css">
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>
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);
33 d3.json("${request.route_url('player_weaponstats_data_json', id=player_id, _query={'limit':limit})}", drawDamageChart);
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";
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);
54 <div id="damageChart">
55 <svg id="damageChartSVG"></svg>
58 </div> <!-- end span12 -->
59 </div> <!-- end row -->
61 ##### ROW OF GAME TYPE ICONS #####
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'):
71 <a href="#${gt}"><span class="sprite sprite-${gt}"> </span><br />