Ajaxify the accuracy graph.

[xonotic/xonstat.git] / xonstat / templates / player_info.mako

diff --git a/xonstat/templates/player_info.mako b/xonstat/templates/player_info.mako
index bab10c2341aed4c7afc71305b69e8156aba9010e..5f3071cf43f906ed10a9e663a6ca69b1274eca33 100755 (executable)
--- a/xonstat/templates/player_info.mako
+++ b/xonstat/templates/player_info.mako
@@ -10,15 +10,42 @@ ${nav.nav('players')}
       <script src="/static/js/jquery-1.7.1.min.js"></script>
       <script src="/static/js/jquery.flot.min.js"></script>
       <script type="text/javascript">
-          var avg = ${avg};
-          var accs = ${accs};
+      $(function () {
+          function plot_acc_graph(data) {
+              var games = new Array();
+              var avgs = new Array();
+              var accs = new Array();
 
-          $.plot($("#acc-graph"), [
-            { data: avg },
-            { data: accs },
-          ],
-          { yaxis: {ticks: 10, min: 0, max: 100 },
+              var i=0;
+              for(i=0; i < data.games; i++) {
+                  avgs[i] = [i, data.avg];
+                  accs[i] = [i, data.accs[i][1]];
+                  games[i] = [i, data.accs[i][0]];
+              }
+
+              $.plot(
+                  $("#acc-graph"), 
+                  [ { data: avgs }, { data: accs }, ],
+                  { yaxis: {ticks: 10, min: 0, max: 100 },
+              });
+          }
+
+          $.ajax({
+              url: '${request.route_url("player_accuracy", id=player.player_id)}',
+              method: 'GET',
+              dataType: 'json',
+              success: plot_acc_graph
           });
+      })
+          // var avg = ${avg};
+          // var accs = ${accs};
+
+          // $.plot($("#acc-graph"), [
+            // { data: avg },
+            // { data: accs },
+          // ],
+          // { yaxis: {ticks: 10, min: 0, max: 100 },
+          // });
       </script>
 </%block>