Dynamic player pages from JSON datafiles

1 files changed, 37 insertions, 0 deletions

diff --git a/http/_res/player.js b/http/_res/player.js
new file mode 100644
index 0000000..a98e45b
--- /dev/null
+++ b/http/_res/player.js
@@ -0,0 +1,37 @@
+$(document).ready(function() {
+
+    var missingTemplate = $('tr.missing').remove();
+    var rankingTemplate = $('tr.normal').remove();
+
+    var path = location.pathname.split('/');
+    var pid = parseInt(path[path.length-1].replace('.html', ''));
+    $.getJSON(pid + '.json', function(data) {
+        var nameHeader = $('h2.name');
+        nameHeader.prepend(data['name']);
+        var pidLink = nameHeader.find('a.pid-link');
+        pidLink.attr('href', data['url']);
+        $('h3.club').text(data['club']);
+        var dates = Object.keys(data['rankings']).sort().reverse();
+        dates.forEach(function(date) {
+            var ranking = data['rankings'][date];
+            var row;
+            if (ranking['place']) {
+                row = rankingTemplate.clone();
+                row.find('td.score span.auto-tooltip').text(ranking['score'].toFixed(2)).attr('title', ranking['score'].toFixed(4));
+                row.find('td.place').text(ranking['place']+'.');
+                row.find('td.place-change span.label').addClass('label-'+ranking['change-class']).text(ranking['change']);
+                ['region', 'age', 'gender'].forEach(function(category) {
+                    row.find('td.'+category+' a').attr('href', ranking[category+'-href']).text(ranking[category] || '-');
+                    row.find('td.'+category+'-place').text(ranking[category+'-place']+'.');
+                    row.find('td.'+category+'-place-change span.label').addClass('label-'+ranking[category+'-change-class']).text(ranking[category+'-change']);
+                });
+            } else {
+                row = missingTemplate.clone();
+            }
+            row.find('td.date a').attr('href', ranking['href']).text(date);
+            $('table.history tbody').append(row);
+        });
+        initQTip();
+    });
+
+});