From a784478fe49c6b4d603baf34be03fcc12dea33a2 Mon Sep 17 00:00:00 2001
From: Brandon Hilkert <brandonhilkert@gmail.com>
Date: Wed, 21 May 2014 19:12:55 -0400
Subject: [PATCH] Use locale labels for dashboard graphs

---
 web/assets/javascripts/dashboard.js | 19 +++++++++++++------
 web/views/dashboard.erb             |  4 ++--
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/web/assets/javascripts/dashboard.js b/web/assets/javascripts/dashboard.js
index 93e4d94b..75c0b01b 100644
--- a/web/assets/javascripts/dashboard.js
+++ b/web/assets/javascripts/dashboard.js
@@ -22,14 +22,16 @@ var poller;
 var realtimeGraph = function(updatePath) {
   var timeInterval = parseInt(localStorage.timeInterval || '2000');
 
+  var graphElement = document.getElementById("realtime");
+
   var graph = new Rickshaw.Graph( {
-    element: document.getElementById("realtime"),
+    element: graphElement,
     width: responsiveWidth(),
     height: 200,
     renderer: 'line',
     interpolation: 'linear',
 
-    series: new Rickshaw.Series.FixedDuration([{ name: 'Failed', color: '#B1003E' }, { name: 'Processed', color: '#006f68' }], undefined, {
+    series: new Rickshaw.Series.FixedDuration([{ name: graphElement.dataset.failedLabel, color: '#B1003E' }, { name: graphElement.dataset.processedLabel, color: '#006f68' }], undefined, {
         timeInterval: timeInterval,
         maxDataPoints: 100,
     })
@@ -93,7 +95,11 @@ var realtimeGraph = function(updatePath) {
         var failed = data.sidekiq.failed - Sidekiq.failed;
       }
 
-      graph.series.addData({ failed: failed, processed: processed });
+      dataPoint = {};
+      dataPoint[graphElement.dataset.failedLabel] = failed;
+      dataPoint[graphElement.dataset.processedLabel] = processed;
+
+      graph.series.addData(dataPoint);
       graph.render();
 
       Sidekiq.processed = data.sidekiq.processed;
@@ -111,8 +117,9 @@ var historyGraph = function() {
   processed = createSeries($("#history").data("processed"))
   failed = createSeries($("#history").data("failed"))
 
+  var graphElement = document.getElementById("history");
   var graph = new Rickshaw.Graph( {
-    element: document.getElementById("history"),
+    element: graphElement,
     width: responsiveWidth(),
     height: 200,
     renderer: 'line',
@@ -121,11 +128,11 @@ var historyGraph = function() {
       {
         color: "#B1003E",
         data: failed,
-        name: 'Failed'
+        name: graphElement.dataset.failedLabel
       }, {
         color: "#006f68",
         data: processed,
-        name: 'Processed'
+        name: graphElement.dataset.processedLabel
       }
     ]
   } );
diff --git a/web/views/dashboard.erb b/web/views/dashboard.erb
index b123fd47..b886b5e6 100644
--- a/web/views/dashboard.erb
+++ b/web/views/dashboard.erb
@@ -15,7 +15,7 @@
   </div>
 </div>
 
-<div id="realtime"></div>
+<div id="realtime" data-processed-label="<%= t('Processed') %>" data-failed-label="<%= t('Failed') %>"></div>
 <div id="realtime-legend"></div>
 
 <h5>
@@ -25,7 +25,7 @@
   <a href="<%= root_path %>?days=90" class="history-graph <%= "active" if params[:days] == "90" %>"><%= t('ThreeMonths') %></a>
   <a href="<%= root_path %>?days=180" class="history-graph <%= "active" if params[:days] == "180" %>"><%= t('SixMonths') %></a>
 </h5>
-<div id="history" data-processed="<%= h Sidekiq.dump_json(@processed_history) %>" data-failed="<%= h Sidekiq.dump_json(@failed_history) %>" data-update-url="<%= root_path %>dashboard/stats"></div>
+<div id="history" data-processed-label="<%= t('Processed') %>" data-failed-label="<%= t('Failed') %>" data-processed="<%= h Sidekiq.dump_json(@processed_history) %>" data-failed="<%= h Sidekiq.dump_json(@failed_history) %>" data-update-url="<%= root_path %>dashboard/stats"></div>
 <div id="history-legend"></div>
 
 <br/>