From 0691d619769c4bdaf0e780ff53caab9352d7b959 Mon Sep 17 00:00:00 2001
From: Jon Atkins <github@jonatkins.com>
Date: Thu, 18 Dec 2014 20:29:49 +0000
Subject: [PATCH] region scores: nicely format the overall team scores,
 including a simple bar chart

---
 code/region_scoreboard.js | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/code/region_scoreboard.js b/code/region_scoreboard.js
index 117112e0..0aef1687 100755
--- a/code/region_scoreboard.js
+++ b/code/region_scoreboard.js
@@ -113,15 +113,6 @@ function regionScoreboardSuccess(data) {
   }
 
 
-//  var checkpointTable = '<table><tr><th><span title="Checkpoint number" class="help">#</span></th><th>Enlightened</th><th>Resistance</th></tr>';
-//  for (var i=0; i<data.result.scoreHistory.length; i++) {
-//    checkpointTable += '<tr><td>'+data.result.scoreHistory[i][0]+'</td><td>'+data.result.scoreHistory[i][1]+'</td><td>'+data.result.scoreHistory[i][2]+'</td></tr>';
-//  }
-//  if (data.result.scoreHistory.length == 0) {
-//    checkpointTable += '<tr><td colspan="3"><i>no checkpoint data</td></tr>';
-//  }
-//  checkpointTable += '</table>';
-
 
   var agentTable = '<table><tr><th>#</th><th>Agent</th></tr>';
   for (var i=0; i<data.result.topAgents.length; i++) {
@@ -134,10 +125,23 @@ function regionScoreboardSuccess(data) {
   agentTable += '</table>';
 
 
+  var maxAverage = Math.max(data.result.gameScore[0], data.result.gameScore[1], 1);
+  var teamRow = [];
+  for (var t=0; t<2; t++) {
+    var team = t==0 ? 'Enlightened' : 'Resistance';
+    var teamClass = t==0 ? 'enl' : 'res';
+    var teamCol = t==0 ? COLORS[TEAM_ENL] : COLORS[TEAM_RES];
+    var barSize = Math.round(data.result.gameScore[t]/maxAverage*200);
+    teamRow[t] = '<tr><th class="'+teamClass+'">'+team+'</th><td class="'+teamClass+'">'+digits(data.result.gameScore[t])+'</td><td><div style="background:'+teamCol+'; width: '+barSize+'px; height: 1.3ex; border: 2px outset '+teamCol+'"> </td></tr>';
+
+  }
+
+  var first = PLAYER.team == 'RESISTANCE' ? 1 : 0;
+
   dialog({
     title: 'Region scores for '+data.result.regionName,
     html: '<b>Region scores for '+data.result.regionName+'</b>'
-         +'<table><tr><th class="enl">Enlightened</th><th class="res">Resistance</th></tr><tr><td class="enl">'+digits(data.result.gameScore[0])+'</td><td class="res">'+digits(data.result.gameScore[1])+'</td></tr></table>'
+         +'<table>'+teamRow[first]+teamRow[1-first]+'</table>'
          +'<b>Checkpoint history</b>'
          +regionScoreboardScoreHistoryChart(data.result)
          +'<b>Top agents</b>'