From 40baf853f41fc6afd1f4832e5557877cb752f399 Mon Sep 17 00:00:00 2001
From: Heiko Kernbach <heiko@arangodb.com>
Date: Thu, 16 May 2013 13:46:33 +0200
Subject: [PATCH] update checkboxes dynamically

---
 html/admin/js/templates/dashboardView.ejs |  2 +-
 html/admin/js/views/dashboardView.js      | 21 +++++++++++----------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/html/admin/js/templates/dashboardView.ejs b/html/admin/js/templates/dashboardView.ejs
index e8a3d207e0..bb6d1fa685 100644
--- a/html/admin/js/templates/dashboardView.ejs
+++ b/html/admin/js/templates/dashboardView.ejs
@@ -22,7 +22,7 @@
 
       <ul class="dropdown-menu interval-dropdown">
         <li class="nav-header">Update every:</li>
-        <li><a><label class="radio"><input type="radio" name="updateInterval" id="every5seconds" value="5" checked>5 seconds</label></a></li>
+        <li><a><label class="radio"><input type="radio" name="updateInterval" id="every5seconds" value="5">5 seconds</label></a></li>
         <li><a><label class="radio"><input type="radio" name="updateInterval" id="every15seconds" value="15">15 seconds</label></a></li>
         <li><a><label class="radio"><input type="radio" name="updateInterval" id="every30seconds" value="30">30 seconds</label></a></li>
         <li><a><label class="radio"><input type="radio" name="updateInterval" id="every60seconds" value="60">60 seconds</label></a></li>
diff --git a/html/admin/js/views/dashboardView.js b/html/admin/js/views/dashboardView.js
index 92df898136..91a597dd29 100644
--- a/html/admin/js/views/dashboardView.js
+++ b/html/admin/js/views/dashboardView.js
@@ -10,7 +10,7 @@ var dashboardView = Backbone.View.extend({
 
   initialize: function () {
     var self = this;
-    
+
     this.initUnits();
 
     this.collection.fetch({
@@ -69,6 +69,8 @@ var dashboardView = Backbone.View.extend({
       self.renderFigure(this);
     });
 
+    $('input[name=every'+self.updateInterval/1000 +']').attr('checked', true);
+
     if (this.collection.models[0] === undefined) {
       this.collection.fetch({
         success: function() {
@@ -85,7 +87,6 @@ var dashboardView = Backbone.View.extend({
       self.calculateSeries();
       self.renderCharts();
     }
-
     return this;
   },
 
@@ -147,19 +148,19 @@ var dashboardView = Backbone.View.extend({
       var identifier = figure.identifier;
       var chart;
 
-      if (self.charts[identifier] === undefined) {      
+      if (self.charts[identifier] === undefined) {
         chart = self.charts[identifier] = nv.models.lineChart();
         chart.xAxis.axisLabel('').tickFormat(function (d) {
           if (isNaN(d)) {
             return '';
           }
-           
+
           function pad (value) {
             return (value < 10 ? "0" + String(value) : String(value));
           }
 
-          var date = new Date(d / 10); 
-  
+          var date = new Date(d / 10);
+
           return pad(date.getHours()) + ":" + pad(date.getMinutes()) + ":" + pad(date.getSeconds());
         });
 
@@ -167,9 +168,9 @@ var dashboardView = Backbone.View.extend({
 
         if (figure.units === 'bytes') {
           label = "megabytes";
-        } 
+        }
         chart.yAxis.axisLabel(label);
-          
+
         nv.addGraph (function () {
           nv.utils.windowResize(function () {
             d3.select('#' + identifier + 'Chart svg').call(chart);
@@ -181,7 +182,7 @@ var dashboardView = Backbone.View.extend({
       else {
         chart = self.charts[identifier];
       }
-      
+
       chart.yDomain([ 0, self.getMaxValue(identifier) ]);
 
       d3.select("#" + identifier + "Chart svg")
@@ -211,7 +212,7 @@ var dashboardView = Backbone.View.extend({
         self.seriesData[identifier].values.push({ x: timeStamp, y: undefined, value: undefined });
         return;
       }
-      
+
       var responseValue = self.collection.models[0].attributes[figure.group][identifier];
 
       if (responseValue !== undefined && responseValue !== null) {