Add ignoreEscapeKey option.

While this amends the global behaviour of Grafana and should probably
be implemented elsewhere, it helps us now to prevent the user to
leave the Kiosk mode.

Author: amotl

CHANGELOG.md

@@ -38,7 +38,8 @@
 - Add control options `mapFitData` and `mapZoomByRadius`.
 - Repaint user interface.
 - Refactor machinery and user interface.
-- Add options `ignoreEmptyGeohashValues` and `ignoreInvalidGeohashValues`. 
+- Add options `ignoreEmptyGeohashValues` and `ignoreInvalidGeohashValues`.
+- Add `ignoreEscapeKey` option.
 
 ## v0.2.0
 

src/chrome.ts

@@ -44,4 +44,33 @@ export class WorldmapChrome {
     });
   }
 
+  removeEscapeKeyBinding() {
+    /*
+     * Prevent navigation
+     * - https://github.com/grafana/grafana/issues/11636
+     * - https://github.com/grafana/grafana/issues/13706
+     *
+     * Embed entire dashboard
+     * - https://github.com/grafana/grafana/issues/4757
+     * - https://github.com/grafana/grafana/issues/10979
+     * - https://github.com/grafana/grafana/issues/13493
+     *
+     * References
+     * - https://github.com/grafana/grafana/blob/v6.1.6/public/app/core/services/keybindingSrv.ts
+     * - https://github.com/grafana/grafana/blob/v6.1.6/public/app/plugins/datasource/grafana-azure-monitor-datasource/editor/query_field.tsx
+     * - https://github.com/daq-tools/grafanimate/blob/0.5.5/grafanimate/grafana-studio.js
+     *
+     */
+    this.getKeybindingSrv().unbind('esc', 'keydown');
+  }
+
+  restoreEscapeKeyBinding() {
+    this.getKeybindingSrv().setupGlobal();
+  }
+
+  getKeybindingSrv() {
+    const app = window['angular'].element('grafana-app');
+    return app.injector().get('keybindingSrv');
+  }
+
 }

src/partials/editor.html

@@ -347,6 +347,12 @@ <h5>Appearance</h5>
       <gf-form-switch class="gf-form" label="Mouse Wheel Zoom" label-class="width-10" checked="ctrl.panel.mouseWheelZoom" on-change="ctrl.toggleMouseWheelZoom()"></gf-form-switch>
     </div>
 
+    <div class="gf-form-group">
+      <h5>Global options</h5>
+      <gf-form-switch class="gf-form" label="Ignore escape key" label-class="width-10" checked="ctrl.panel.ignoreEscapeKey" on-change="ctrl.setupGlobal()"></gf-form-switch>
+      <gf-form-switch class="gf-form" label="Hide time picker" label-class="width-10" checked="ctrl.panel.hideTimepickerNavigation" on-change="ctrl.setupGlobal()"></gf-form-switch>
+    </div>
+
   </div>
 
   <!-- 2nd column -->

src/worldmap_ctrl.ts

@@ -63,7 +63,8 @@ const panelDefaults = {
     labelField: null,
     labelLocationKeyField: null,
     linkField: null,
-  }
+  },
+  ignoreEscapeKey: false,
 };
 
 export default class WorldmapCtrl extends MetricsPanelCtrl {
@@ -84,8 +85,6 @@ export default class WorldmapCtrl extends MetricsPanelCtrl {
   $document: any;
 
   settings: any;
-  dataErrors:Array<any> = [];
-  locationErrors:Array<any> = [];
   core: WorldmapCore;
   chrome: WorldmapChrome;
   errors: ErrorManager;
@@ -135,9 +134,14 @@ export default class WorldmapCtrl extends MetricsPanelCtrl {
     /*
      * Initialize the plugin.
      */
-    // TODO: Establish conditions for running this.
-    //this.removeTimePickerNav();
-    //this.removeEscapeKeyBinding();
+
+    // Optionally ignore the escape key.
+    if (this.settings.ignoreEscapeKey) {
+      this.chrome.removeEscapeKeyBinding();
+    } else {
+      this.chrome.restoreEscapeKeyBinding();
+    }
+
   }
 
   setupEvents() {