-<div class="row">
- <div class="span12">
- <h3>Recent Games</h3>
- <table class="table table-hover table-condensed">
- <thead>
- <tr>
- <th></th>
- <th>Type</th>
- <th>Server</th>
- <th>Map</th>
- <th>Result</th>
- <th>Played</th>
- <th>Elo</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><a href="${request.route_url('map_info', id=rg.map_id)}" title="Go to the detail page for this map">${rg.map_name}</a></td>
- <td>
- % if rg.team != None:
- % if rg.team == rg.winner:
- Win
- % else:
- Loss
- % endif
- % else:
- % if rg.rank == 1:
- Win
- % else:
- Loss (#${rg.rank})
- % endif
- % endif
- </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="tdcenter">
- <a href="${request.route_url('game_info', id=rg.game_id, _query={'show_elo':1})}" title="View detailed information about this game">
- % if rg.elo_delta is not None:
- % if round(rg.elo_delta,2) > 0:
- <span class="eloup">+${round(rg.elo_delta,2)}</span>
- % elif round(rg.elo_delta,2) < 0:
- <span class="elodown">${round(rg.elo_delta,2)}</span>
- % else:
- <span class="eloneutral"><i class="glyphicon glyphicon-minus"></i></span>
- % endif
- % else:
- <span class="eloneutral"><i class="glyphicon glyphicon-minus"></i></span>
- % endif
- </a>
- </td>
- </tr>
- % endfor
- </tbody>
- </table>
- % if total_games > 10:
- <p><a href="${request.route_url("player_game_index", player_id=player.player_id, page=1)}" title="Game index for ${player.stripped_nick}">More...</a></p>
- % endif
+ <div class="row">
+ <div class="small-12 columns">
+ <h5>Recent Games <a href="${request.route_url("player_game_index", player_id=player.player_id, page=1)}" title="Game index for ${player.stripped_nick}"><i class="fa fa-plus-circle"></i></a></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="small-2">Map</th>
+ <th class="show-for-medium-up small-1">Result</th>
+ <th class="show-for-medium-up small-2">Played</th>
+ <th class="small-1">Elo</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 class="show-for-medium-up no-stretch"><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 class="no-stretch"><a href="${request.route_url('map_info', id=rg.map_id)}" title="Go to the detail page for this map">${rg.map_name}</a></td>
+ <td class="show-for-medium-up">
+ % if rg.team != None:
+ % if rg.team == rg.winner:
+ Win
+ % else:
+ Loss
+ % endif
+ % else:
+ % if rg.rank == 1:
+ Win
+ % else:
+ Loss (#${rg.rank})
+ % endif
+ % endif
+ </td>
+ <td class="show-for-medium-up"><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="text-center">
+ <a href="${request.route_url('game_info', id=rg.game_id, _query={'show_elo':1})}" title="View detailed information about this game">
+ % if rg.elo_delta is not None:
+ % if round(rg.elo_delta,2) > 0:
+ <span class="eloup">+${round(rg.elo_delta,2)}</span>
+ % elif round(rg.elo_delta,2) < 0:
+ <span class="elodown">${round(rg.elo_delta,2)}</span>
+ % else:
+ <span class="eloneutral"><i class="fa fa-minus"></i></span>
+ % endif
+ % else:
+ <span class="eloneutral"><i class="fa fa-minus"></i></span>
+ % endif
+ </a>
+ </td>
+ </tr>
+ % endfor
+ </tbody>
+ </table>
+ </div>