Add key shortcut for count action #17

Author: SamuelTallet

source/js/queryDatabase.js

@@ -719,11 +719,28 @@ MPG.eventListeners.addKeyShortcuts = function() {
     document.addEventListener('keydown', function(event) {
 
         if ( event.ctrlKey ) {
-            if ( event.code === 'Space' ) {
-                MPG.codeMirror.showHint();
-            } else if ( event.key === 'Enter' ) {
-                document.querySelector('#mpg-find-button').click();
+
+            switch (event.key) {
+
+                case ' ':
+                case 'Spacebar': // For old browsers.
+                    MPG.codeMirror.showHint();
+                    break;
+
+                case 'Enter':
+                    var findButton = document.querySelector('#mpg-find-button');
+                    findButton.focus();
+                    findButton.click();
+                    break;
+
+                case '*':
+                    var countButton = document.querySelector('#mpg-count-button');
+                    countButton.focus();
+                    countButton.click();
+                    break;
+
             }
+
         }
 
     });

views/queryDatabase.view.php

@@ -88,15 +88,15 @@
                             Insert one
                         </button>
 
-                        <button id="mpg-find-button" class="btn btn-success float-right">
-                            Find 
+                        <button id="mpg-find-button" class="btn btn-success float-right" title="Ctrl + Enter">
+                            Find
                         </button>
 
                         <button id="mpg-delete-one-button" class="btn btn-danger float-right">
                             Delete one
                         </button>
 
-                        <button id="mpg-count-button" class="btn btn-info float-right">
+                        <button id="mpg-count-button" class="btn btn-info float-right" title="Ctrl + *">
                             Count
                         </button>