Add hideTimepickerNavigation option.

This also amends global behaviour so it should be implemented elsewhere.
However, it helps us now to improve Kiosk mode displays.

Author: amotl

CHANGELOG.md

@@ -40,6 +40,7 @@
 - Refactor machinery and user interface.
 - Add options `ignoreEmptyGeohashValues` and `ignoreInvalidGeohashValues`.
 - Add `ignoreEscapeKey` option.
+- Add `hideTimepickerNavigation` option.
 
 ## v0.2.0
 

src/chrome.ts

@@ -1,5 +1,6 @@
 import WorldmapCtrl from "./worldmap_ctrl";
 import * as _ from "lodash";
+import $ from "jquery";
 
 export class WorldmapChrome {
   settings: any;
@@ -73,4 +74,12 @@ export class WorldmapChrome {
     return app.injector().get('keybindingSrv');
   }
 
+  removeTimePickerNav() {
+    $('.gf-timepicker-nav').hide();
+  }
+
+  restoreTimePickerNav() {
+    $('.gf-timepicker-nav').show();
+  }
+
 }

src/worldmap_ctrl.ts

@@ -65,6 +65,7 @@ const panelDefaults = {
     linkField: null,
   },
   ignoreEscapeKey: false,
+  hideTimepickerNavigation: false,
 };
 
 export default class WorldmapCtrl extends MetricsPanelCtrl {
@@ -142,6 +143,12 @@ export default class WorldmapCtrl extends MetricsPanelCtrl {
       this.chrome.restoreEscapeKeyBinding();
     }
 
+    // Optionally hide the timepicker navigation widget.
+    if (this.settings.hideTimepickerNavigation) {
+      this.chrome.removeTimePickerNav();
+    } else {
+      this.chrome.restoreTimePickerNav();
+    }
   }
 
   setupEvents() {