Updated default notes, fixed alert z-index, added time correction options for histogram

common/css/main.css

@@ -17,7 +17,7 @@
 .panel-error {
   opacity: 0.9;
   position:absolute;
-  z-index: 2000;
+  z-index: 1000;
 }
 
 .panel i.editlink {
@@ -44,20 +44,6 @@
   max-width: 500px;
 }
 
-/*
-.row-header i.editlink {
-  opacity: 0;
-}
-
-.row-header:hover i.editlink {
-  opacity: 0.3;
-}
-
-.row-header i.editlink:hover {
-  opacity: 1;
-}
-*/
-
 .pointer {
   cursor: pointer;
 }

default.json

@@ -14,7 +14,7 @@
           ],
           "type": "text",
           "title": "Welcome",
-          "content": "Welcome to Kibana Dashboard, a technology preview of what's to come for Kibana, Logstash and Elasticsearch \n\nKibana dashboard is the easy way to share, build, use and extend interactive, real time dashboards and data analysis interfaces. \n\nReady to get started? \n\nLogstash users, click the 'Load' button to the right, paste this URL:  https://gist.github.com/anonymous/e99d94a426956c45a288 into the 'Gist' loader, click 'Get' and select the 'Logstash Dashboard' link that appears",
+          "content": "Welcome to Kibana Dashboard, a technology preview of what's to come for Kibana, Logstash and Elasticsearch \n\nKibana dashboard is the easy way to share, build, use and extend interactive, real time dashboards and data analysis interfaces. \n\nReady to get started? \n\nLogstash users, click the 'Load' button to the right, paste this URL:  https://gist.github.com/88a4b1f22e3212e45cf3 into the 'Gist' loader, click 'Get' and select the 'Logstash Dashboard' link that appears",
           "style": {
             "font-size": "14pt"
           }

panels/histogram/editor.html

@@ -36,8 +36,12 @@
     <label class="small">Chart Options</label> 
     <select ng-change="$emit('render')" multiple style="width:95%" ng-model="panel.show" ng-options="f for f in ['bars','points','stack','lines','legend','x-axis','y-axis']"></select>
   </div>
-  <div class="span2">
-    <label class="small">Fill (0.0 - 1.0)</label> 
+  <div class="span3">
+    <label class="small">Line Fill (1 - 10)</label> 
     <input ng-change="$emit('render')" type="number" class="input-mini" ng-model="panel.fill">
   </div>
+  <div class="span3">
+    <label class="small">Time correction</label> 
+    <select ng-change="$emit('render')" ng-model="panel.timezone" class='input-small' ng-options="f for f in ['browser','utc']"></select>
+  </div>
 </div>

panels/histogram/module.js

@@ -8,7 +8,8 @@ angular.module('kibana.histogram', [])
     query   : [ {query: "*", label:"Query"} ],
     interval: secondsToHms(calculate_interval($scope.from,$scope.to,40,0)/1000),
     show    : ['bars','y-axis','x-axis','legend'],
-    fill    : false,
+    fill    : 3,
+    timezone: 'browser', // browser, utc or a standard timezone
     group   : "default",
   }
   _.defaults($scope.panel,_d)
@@ -144,6 +145,7 @@ angular.module('kibana.histogram', [])
         var scripts = $LAB.script("common/lib/panels/jquery.flot.js")
           .script("common/lib/panels/jquery.flot.time.js")
           .script("common/lib/panels/jquery.flot.stack.js")
+          .script("common/lib/panels/timezone.js")
                     
         // Populate element. Note that jvectormap appends, does not replace.
         scripts.wait(function(){
@@ -159,13 +161,14 @@ angular.module('kibana.histogram', [])
             },
             series: {
               stack:  show.stack,
-              lines:  { show: show.lines, fill: scope.panel.fill },
+              lines:  { show: show.lines, fill: scope.panel.fill/10 },
               bars:   { show: show.bars,  fill: 1, barWidth: barwidth/1.8 },
               points: { show: show.points },
               shadowSize: 1
             },
             yaxis: { show: show['y-axis'], min: 0, color: "#000" },
             xaxis: {
+              timezone: scope.panel.timezone,
               show: show['x-axis'],
               mode: "time",
               timeformat: "%H:%M:%S<br>%m-%d",