From 313cefbe020aa1bc48a3f66a1cb8e3f2ff9a21d6 Mon Sep 17 00:00:00 2001
From: Richard Wall <richard@aziz>
Date: Mon, 12 Jul 2010 23:50:45 +0100
Subject: Add help tool tips

---
 index.html | 18 ++++++++++++------
 jarmon.js  |  5 +++--
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 2e5e3fd..13423d6 100644
--- a/index.html
+++ b/index.html
@@ -153,20 +153,26 @@
             <form>
                 <div>
                     <span class="timerange_control custom">
-                        <input name="from_custom" type="text"  />
-                        <input name="to_custom" type="text"  />
+                        <input name="from_custom" type="text"
+                               title="Time range start - click to choose a custom start time" />
+                        <input name="to_custom" type="text"
+                               title="Time range end - click to choose a custom end time" />
                     </span>
                     <span class="timerange_control standard">
-                        <select name="from_standard">
+                        <select name="from_standard"
+                                title="Time range shortcuts - click to select an alternative time range" >
                             <option>custom</option>
                         </select>
                     </span>
                     <input name="from" type="hidden"  />
                     <input name="to" type="hidden"  />
-                    <select name="tzoffset" ></select>
-                    <input name="action" value="Update" type="button" />
+                    <select name="tzoffset"
+                            title="Timezone offset - click to choose a custom timezone offset" ></select>
+                    <input name="action" value="Update" type="button"
+                           title="Graph update - click to update all graphs" />
                 </div>
-                <div class="range-preview"></div>
+                <div class="range-preview"
+                     title="Time range preview - click and drag to select a custom timerange" ></div>
             </form>
             <ul class="css-tabs">
                 <li><a href="#system">System</a></li>
diff --git a/jarmon.js b/jarmon.js
index be1d219..c6da509 100644
--- a/jarmon.js
+++ b/jarmon.js
@@ -476,7 +476,9 @@ jarmon.Chart.prototype.draw = function() {
                     $.plot(self.template, data, self.options);
 
                     // Highlight any disabled data sources in the legend
-                    self.template.find('.legendLabel').each(
+                    self.template.find('.legendLabel')
+                        .attr('title', 'Data series switch - click to turn this data series on or off')
+                        .each(
                         function(i, el) {
                             var labelCell = $(el);
                             if( $.inArray(labelCell.text(), disabled) > -1 ) {
@@ -680,7 +682,6 @@ jarmon.ChartCoordinator = function(ui) {
 
     options = this.ui.find('select[name="tzoffset"]');
     if(options.length == 1) {
-        console.log(options);
         var label, val;
         for(var i=-12; i<=12; i++) {
             label = 'UTC';
-- 
cgit v1.2.3-2-g168b