1 <%inherit file="base.mako"/>
2 <%namespace name="nav" file="nav.mako" />
3 <%namespace file="accuracy.mako" import="accuracy" />
5 <%block name="navigation">
10 % if player is not None:
11 <script src="/static/js/jquery.flot.min.js"></script>
12 <script src="/static/js/bootstrap-tabs.js"></script>
13 <script type="text/javascript">
14 jQuery(document).ready(function ($) {
19 // plot the accuracy graph
20 function plot_acc_graph(data) {
21 var games = new Array();
22 var avgs = new Array();
23 var accs = new Array();
26 for(i=0; i < data.games; i++) {
27 avgs[i] = [i, data.avg];
28 accs[i] = [i, data.accs[i][1]];
29 game_link = '/game/' + data.accs[i][0];
31 games[i] = [i, '<a href="' + game_link + '">' + j + '</a>'];
36 [ { label: 'average', data: avgs, hoverable: true, clickable: false },
37 { label: 'accuracy', data: accs, lines: {show:true}, points: {show:false}, hoverable: true, clickable: true }, ],
38 { yaxis: {ticks: 10, min: 0, max: 100 },
39 xaxis: {ticks: games},
40 grid: { hoverable: true, clickable: true },
44 // plot the damage graph
45 function plot_dmg_graph(data) {
46 var games = new Array();
47 var avgs = new Array();
48 var dmgs = new Array();
51 for(i=0; i < data.games; i++) {
52 avgs[i] = [i, data.avg];
53 dmgs[i] = [i, data.dmgs[i][1]];
54 game_link = '/game/' + data.dmgs[i][0];
56 games[i] = [i, '<a href="' + game_link + '">' + j + '</a>'];
61 [ { label: 'average', data: avgs, hoverable: true, clickable: false },
62 { label: 'efficiency', data: dmgs, lines: {show:true}, points: {show:false}, hoverable: true, clickable: true }, ],
63 { yaxis: {ticks: 10, min: 0 },
64 xaxis: {ticks: games},
65 grid: { hoverable: true, clickable: true },
69 function showTooltip(x, y, contents) {
70 $('<div id="tooltip">' + contents + '</div>').css( {
75 border: '1px solid #fdd',
77 'background-color': '#333333',
79 }).appendTo("body").fadeIn(200);
82 var previousPoint = null;
83 var previousLabel = null;
84 $('#acc-graph').bind("plothover", function (event, pos, item) {
86 if ((previousLabel != item.series.label) || (previousPoint != item.dataIndex)) {
87 previousPoint = item.dataIndex;
88 previousLabel = item.series.label;
90 $("#tooltip").remove();
91 var x = item.datapoint[0].toFixed(2),
92 y = item.datapoint[1].toFixed(2);
94 showTooltip(item.pageX, item.pageY, y + "%");
98 $("#tooltip").remove();
100 previousLabel = null;
104 $('#dmg-graph').bind("plothover", function (event, pos, item) {
106 if ((previousLabel != item.series.label) || (previousPoint != item.dataIndex)) {
107 previousPoint = item.dataIndex;
108 previousLabel = item.series.label;
110 $("#tooltip").remove();
111 var x = item.datapoint[0].toFixed(2),
112 y = item.datapoint[1].toFixed(2);
114 showTooltip(item.pageX, item.pageY, y);
118 $("#tooltip").remove();
119 previousPoint = null;
120 previousLabel = null;
124 // bind click events to the weapon images
125 $(".acc-weap").click(function () {
126 var dataurl = $(this).find('a').attr('href');
128 $('.accuracy-nav').find('.weapon-active').removeClass('weapon-active');
129 $(this).addClass('weapon-active');
135 success: plot_acc_graph
139 $(".dmg-weap").click(function () {
140 var dataurl = $(this).find('a').attr('href');
142 $('.damage-nav').find('.weapon-active').removeClass('weapon-active');
143 $(this).addClass('weapon-active');
149 success: plot_dmg_graph
153 // populate the graphs with the default weapons
155 url: '${request.route_url("player_accuracy", id=player.player_id)}',
158 success: plot_acc_graph
162 url: '${request.route_url("player_damage", id=player.player_id)}',
165 success: plot_dmg_graph
169 <script src="/static/js/bootstrap-tabs.min.js"></script>
173 <%block name="title">
179 <h2>This player is so good we couldn't find him!</h2>
180 <p>Seriously though, he probably doesn't exist...just a figment of your imagination. Carry on then!</p>
185 <h2>${player.nick_html_colors()|n}</h2>
192 Member Since: <small>${player.create_dt.strftime('%m/%d/%Y at %I:%M %p')} </small><br />
194 Last Seen: <small>${recent_games[0][1].fuzzy_date()} </small><br />
196 Playing Time: <small>${total_stats['alivetime']}
197 % if total_stats['alivetime_month'] and total_stats['alivetime'] > total_stats['alivetime_month']:
198 % if total_stats['alivetime_week'] and total_stats['alivetime_month'] > total_stats['alivetime_week']:
199 <br />(${total_stats['alivetime_month']} this month; ${total_stats['alivetime_week']} this week)
201 <br />(${total_stats['alivetime_month']} this month)
206 <% games_breakdown_str = ', '.join(["{0} {1}".format(ng, gt) for (gt, ng) in total_stats['games_breakdown'].items()]) %>
207 Games Played: <small>${total_stats['games']}<br />(${games_breakdown_str})</small><br />
212 % if fav_server is not None:
213 Favorite Server: <small><a href="${request.route_url('server_info', id=fav_server[0]['id'])}" title="view server info">${fav_server[0]['name']}</a></small><br />
216 % if fav_map is not None:
217 Favorite Map: <small><a href="${request.route_url('map_info', id=fav_map[0]['id'])}" title="view map info">${fav_map[0]['name']}</a></small><br />
220 % if fav_weapon is not None:
221 Favorite Weapon: <small>${fav_weapon[0]['name']}</small><br />
224 % if total_stats['games'] > 0 and total_stats['wins'] is not None:
225 Win Percentage: <small>${round(float(total_stats['wins'])/total_stats['games'] * 100, 2)}% (${total_stats['wins']} wins, ${total_stats['games'] - total_stats['wins']} losses) </small><br />
228 % if total_stats['kills'] > 0 and total_stats['deaths'] > 0:
229 Kill Ratio: <small>${round(float(total_stats['kills'])/total_stats['deaths'], 3)} (${total_stats['kills']} kills, ${total_stats['deaths']} deaths, ${total_stats['suicides']} suicides) </small><br />
238 % if elos_display is not None and len(elos_display) > 0:
240 <small>${elos_display} </small>
241 %if '*' in elos_display:
242 <small><i>*preliminary Elo</i></small>
247 % if ranks_display != '':
248 Ranks: <small>${ranks_display}</small><br />
254 % if 'nex' in recent_weapons or 'rifle' in recent_weapons or 'minstanex' in recent_weapons or 'uzi' in recent_weapons or 'shotgun' in recent_weapons:
258 <div id="acc-graph" class="flot" style="width:900px; height:200px;">
261 <div class="weapon-nav accuracy-nav">
263 % if 'nex' in recent_weapons:
265 <div class="acc-weap weapon-active">
266 <img src="${request.static_url("xonstat:static/images/nex.png")}" />
267 <p><small>Nex</small></p>
268 <a href="${request.route_url('player_accuracy', id=player.player_id, _query=[('weapon','nex')])}" title="Show nex accuracy"></a>
273 % if 'rifle' in recent_weapons:
275 <div class="acc-weap">
276 <img src="${request.static_url("xonstat:static/images/rifle.png")}" />
277 <p><small>Rifle</small></p>
278 <a href="${request.route_url('player_accuracy', id=player.player_id, _query=[('weapon','rifle')])}" title="Show rifle accuracy"></a>
283 % if 'minstanex' in recent_weapons:
285 <div class="acc-weap">
286 <img src="${request.static_url("xonstat:static/images/minstanex.png")}" />
287 <p><small>Minstanex</small></p>
288 <a href="${request.route_url('player_accuracy', id=player.player_id, _query=[('weapon','minstanex')])}" title="Show minstanex accuracy"></a>
293 % if 'uzi' in recent_weapons:
295 <div class="acc-weap">
296 <img src="${request.static_url("xonstat:static/images/uzi.png")}" />
297 <p><small>Uzi</small></p>
298 <a href="${request.route_url('player_accuracy', id=player.player_id, _query=[('weapon','uzi')])}" title="Show uzi accuracy"></a>
303 % if 'shotgun' in recent_weapons:
305 <div class="acc-weap">
306 <img src="${request.static_url("xonstat:static/images/shotgun.png")}" />
307 <p><small>Shotgun</small></p>
308 <a href="${request.route_url('player_accuracy', id=player.player_id, _query=[('weapon','shotgun')])}" title="Show shotgun accuracy"></a>
320 % if 'rocketlauncher' in recent_weapons or 'grenadelauncher' in recent_weapons or 'electro' in recent_weapons or 'crylink' in recent_weapons or 'laser' in recent_weapons:
323 <h3>Damage Efficiency</h3>
324 <div id="dmg-graph" class="flot" style="width:900px; height:200px;">
327 <div class="weapon-nav damage-nav">
329 % if 'rocketlauncher' in recent_weapons:
331 <div class="dmg-weap weapon-active">
332 <img src="${request.static_url("xonstat:static/images/rocketlauncher.png")}" />
333 <p><small>Rocket</small></p>
334 <a href="${request.route_url('player_damage', id=player.player_id, _query=[('weapon','rocketlauncher')])}" title="Show rocket launcher efficiency"></a>
339 % if 'grenadelauncher' in recent_weapons:
341 <div class="dmg-weap">
342 <img src="${request.static_url("xonstat:static/images/grenadelauncher.png")}" />
343 <p><small>Mortar</small></p>
344 <a href="${request.route_url('player_damage', id=player.player_id, _query=[('weapon','grenadelauncher')])}" title="Show mortar damage efficiency"></a>
349 % if 'electro' in recent_weapons:
351 <div class="dmg-weap">
352 <img src="${request.static_url("xonstat:static/images/electro.png")}" />
353 <p><small>Electro</small></p>
354 <a href="${request.route_url('player_damage', id=player.player_id, _query=[('weapon','electro')])}" title="Show electro damage efficiency"></a>
359 % if 'crylink' in recent_weapons:
361 <div class="dmg-weap">
362 <img src="${request.static_url("xonstat:static/images/crylink.png")}" />
363 <p><small>Crylink</small></p>
364 <a href="${request.route_url('player_damage', id=player.player_id, _query=[('weapon','crylink')])}" title="Show crylink damage efficiency"></a>
369 % if 'hagar' in recent_weapons:
371 <div class="dmg-weap">
372 <img src="${request.static_url("xonstat:static/images/hagar.png")}" />
373 <p><small>Hagar</small></p>
374 <a href="${request.route_url('player_damage', id=player.player_id, _query=[('weapon','hagar')])}" title="Show hagar damage efficiency"></a>
379 % if 'laser' in recent_weapons:
381 <div class="dmg-weap">
382 <img src="${request.static_url("xonstat:static/images/laser.png")}" />
383 <p><small>Laser</small></p>
384 <a href="${request.route_url('player_damage', id=player.player_id, _query=[('weapon','laser')])}" title="Show laser damage efficiency"></a>
397 <div class="span8 tabbable">
398 <h3>Game Breakdown</h3>
399 <ul class="tabs nav nav-pills" data-tabs="tabs">
400 <% gametypes = ['Overall', 'Duel', 'DM', 'TDM', 'CTF'] %>
401 % for gtc in gametypes:
402 % if gtc.lower() == 'overall' or total_stats['games_breakdown'].has_key(gtc.lower()):
403 % if gtc.lower() == 'overall':
408 <a href="#breakdown-${gtc.lower()}" data-toggle="tabs">${gtc}</a>
413 <div class="tab-content">
414 % for gtc in gametypes:
415 <% gtc_key = gtc.lower() %>
416 % if gtc_key == "overall":
417 <% total = total_stats['games'] %>
418 <% alivetime = total_stats['alivetime'] %>
419 <% wins = total_stats['wins'] %>
420 <% losses = total - wins %>
421 <% kills = total_stats['kills'] %>
422 <% deaths = total_stats['deaths'] %>
423 <% suicides = total_stats['suicides'] %>
424 % elif total_stats['games_breakdown'].has_key(gtc_key):
425 <% total = total_stats['games_breakdown'][gtc_key] %>
426 <% alivetime = total_stats['games_alivetime'][gtc_key] %>
427 <% wins = total_stats[gtc_key+'_wins'] %>
428 <% losses = total - wins %>
429 % if gtc_key == "ctf":
430 <% caps = total_stats[gtc_key+'_caps'] %>
431 <% pickups = total_stats[gtc_key+'_pickups'] %>
432 <% returns = total_stats[gtc_key+'_returns'] %>
433 <% drops = total_stats[gtc_key+'_drops'] %>
434 <% fckills = total_stats[gtc_key+'_fckills'] %>
436 <% kills = total_stats[gtc_key+'_kills'] %>
437 <% deaths = total_stats[gtc_key+'_deaths'] %>
438 <% suicides = total_stats[gtc_key+'_suicides'] %>
441 % if gtc_key == 'overall' or total_stats['games_breakdown'].has_key(gtc_key):
442 % if gtc_key == 'overall':
443 <div class="tab-pane active" id="breakdown-${gtc_key}">
445 <div class="tab-pane" id="breakdown-${gtc_key}">
447 <div style="margin:15px;float:left;"><img title="${gtc}" src="/static/images/icons/48x48/${gtc_key}.png" alt="${gtc}" /></div>
448 <table class="table table-bordered table-condensed">
453 <td width="30%"><b>Games Played:</b></td>
454 <td width="30%">${total}</td>
455 <td width="40%"></td>
458 <td><b>Playing Time:</b></td>
459 <td>${alivetime} hours</td>
463 <td><b>Win Percentage:</b></td>
464 <td>${round(float(wins)/total * 100, 2)}%</td>
465 <td>${wins} wins, ${losses} losses</td>
467 % if gtc_key == 'ctf':
469 <td><b>Caps:</b></td>
470 <td>${round(float(caps)/total, 2)} per game</td>
471 <td>${caps} total</td>
474 <td><b>Pickups:</b></td>
475 <td>${round(float(pickups)/total, 2)} per game</td>
476 <td>${pickups} total</td>
479 <td><b>Drops:</b></td>
480 <td>${round(float(drops)/total, 2)} per game</td>
481 <td>${drops} total</td>
484 <td><b>Returns:</b></td>
485 <td>${round(float(returns)/total, 2)} per game</td>
486 <td>${returns} total</td>
489 <td><b>FC Kills:</b></td>
490 <td>${round(float(fckills)/total, 2)} per game</td>
491 <td>${fckills} total</td>
494 <td><b>Cap Ratio:</b></td>
495 <td>${round(float(caps)/pickups, 3)}</td>
499 <td><b>Drop Ratio:</b></td>
500 <td>${round(float(drops)/pickups, 3)}</td>
504 <td><b>Return Ratio:</b></td>
505 <td>${round(float(returns)/fckills, 3)}</td>
510 <td><b>Kills:</b></td>
511 <td>${round(float(kills)/total, 2)} per game</td>
512 <td>${kills} total</td>
515 <td><b>Deaths:</b></td>
516 <td>${round(float(deaths)/total, 2)} per game</td>
517 <td>${deaths} total</td>
520 <td><b>Suicides:</b></td>
521 <td>${round(float(suicides)/total, 2)} per game</td>
522 <td>${suicides} total</td>
525 <td><b>Kill Ratio:</b></td>
526 <td>${round(float(kills)/deaths, 3)}</td>
530 <td><b>Suicide Ratio:</b></td>
531 <td>${round(float(suicides)/deaths, 3)}</td>
545 ##### RECENT GAMES (v2) ####
550 <h3>Recent Games</h3>
551 <table class="table table-bordered table-condensed">
563 % for (gamestat, game, server, map) in recent_games:
565 <td><a class="btn btn-primary btn-small" href="${request.route_url('game_info', id=game.game_id)}" title="View detailed information about this game">view</a></td>
566 <td style="width:20px;"><img title="${game.game_type_cd}" src="/static/images/icons/24x24/${game.game_type_cd}.png" alt="${game.game_type_cd}" /></td>
567 <td>${server.name}</td>
570 % if gamestat.team != None:
571 % if gamestat.team == game.winner:
577 % if gamestat.rank == 1:
580 Loss (#${gamestat.rank})
584 <td>${game.fuzzy_date()}</td>
589 % if total_games > 10:
590 <a href="${request.route_url("player_game_index", player_id=player.player_id, page=1)}" title="Game index for ${player.nick}">More games played by ${player.nick_html_colors()|n}...</a>