keybindings.js 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. define([
  2. 'angular',
  3. 'jquery',
  4. ],
  5. function(angular, $) {
  6. "use strict";
  7. var module = angular.module('grafana.services');
  8. module.service('dashboardKeybindings', function($rootScope, keyboardManager, $modal, $q) {
  9. this.shortcuts = function(scope) {
  10. scope.$on('$destroy', function() {
  11. keyboardManager.unbindAll();
  12. });
  13. var helpModalScope = null;
  14. keyboardManager.bind('shift+?', function() {
  15. if (helpModalScope) { return; }
  16. helpModalScope = $rootScope.$new();
  17. var helpModal = $modal({
  18. template: './app/partials/help_modal.html',
  19. persist: false,
  20. show: false,
  21. scope: helpModalScope,
  22. keyboard: false
  23. });
  24. helpModalScope.$on('$destroy', function() { helpModalScope = null; });
  25. $q.when(helpModal).then(function(modalEl) { modalEl.modal('show'); });
  26. }, { inputDisabled: true });
  27. keyboardManager.bind('ctrl+f', function() {
  28. scope.appEvent('show-dash-search');
  29. }, { inputDisabled: true });
  30. keyboardManager.bind('ctrl+o', function() {
  31. var current = scope.dashboard.sharedCrosshair;
  32. scope.dashboard.sharedCrosshair = !current;
  33. scope.broadcastRefresh();
  34. }, { inputDisabled: true });
  35. keyboardManager.bind('ctrl+h', function() {
  36. var current = scope.dashboard.hideControls;
  37. scope.dashboard.hideControls = !current;
  38. }, { inputDisabled: true });
  39. keyboardManager.bind('ctrl+s', function(evt) {
  40. scope.appEvent('save-dashboard', evt);
  41. }, { inputDisabled: true });
  42. keyboardManager.bind('ctrl+r', function() {
  43. scope.broadcastRefresh();
  44. }, { inputDisabled: true });
  45. keyboardManager.bind('ctrl+z', function(evt) {
  46. scope.appEvent('zoom-out', evt);
  47. }, { inputDisabled: true });
  48. keyboardManager.bind('esc', function() {
  49. var popups = $('.popover.in');
  50. if (popups.length > 0) {
  51. return;
  52. }
  53. // close modals
  54. var modalData = $(".modal").data();
  55. if (modalData && modalData.$scope && modalData.$scope.dismiss) {
  56. modalData.$scope.dismiss();
  57. }
  58. scope.appEvent('hide-dash-editor');
  59. scope.exitFullscreen();
  60. }, { inputDisabled: true });
  61. };
  62. });
  63. });