Add option to disable keyboard shortcuts.

They are enabled by default.

Author: meisterT

webapp/public/js/domjudge.js

@@ -55,6 +55,22 @@ function disableNotifications()
     return true;
 }
 
+function enableKeys()
+{
+   setCookie('domjudge_keys', 1);
+    $("#keys_disable").removeClass('d-none');
+    $("#keys_disable").show();
+    $("#keys_enable").hide();
+}
+
+function disableKeys()
+{
+    setCookie('domjudge_keys', 0);
+    $("#keys_enable").removeClass('d-none');
+    $("#keys_enable").show();
+    $("#keys_disable").hide();
+}
+
 // Send a notification if notifications have been enabled.
 // The options argument is passed to the Notification constructor,
 // except that the following tags (if found) are interpreted and
@@ -814,6 +830,10 @@ function initializeKeyboardShortcuts() {
     var $body = $('body');
     var ignore = false;
     $body.on('keydown', function(e) {
+        var keysCookie = getCookie('domjudge_keys');
+        if (keysCookie != 1 && keysCookie != "") {
+            return;
+        }
         // Check if the user is not typing in an input field.
         if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') {
             return;

webapp/templates/jury/base.html.twig

@@ -34,6 +34,15 @@
                 }
             }
 
+            $('#keys_disable').click(disableKeys);
+            $('#keys_enable').click(enableKeys);
+            var keysCookie = getCookie('domjudge_keys');
+            if (keysCookie != 1 && keysCookie != "") {
+                $('#keys_enable').removeClass('d-none');
+            } else {
+                $('#keys_disable').removeClass('d-none');
+            }
+
             updateMenuAlerts();
             setInterval(updateMenuAlerts, 20000);
 

webapp/templates/jury/menu.html.twig

@@ -116,19 +116,25 @@
 
                         {% if refresh is defined and refresh %}
                             <a class="dropdown-item" href="#" id="refresh-navitem">
-                                <i class="fas fa-sync-alt fa-fw"></i> <span id="refresh-toggle">
-                  {% if refresh_flag %}
-                      Disable Refresh
-                  {% else %}
-                      Enable Refresh
-                  {% endif %}
-                </span>
-                                {% if refresh %}
-                                    <span class="small text-muted">({{ refresh.after }}s)</span>
-                                {% endif %}
+                                <i class="fas fa-sync-alt fa-fw"></i>
+                                <span id="refresh-toggle">
+                                    {% if refresh_flag %}
+                                        Disable Refresh
+                                    {% else %}
+                                        Enable Refresh
+                                    {% endif %}
+                                </span>
+                                <span class="small text-muted">({{ refresh.after }}s)</span>
                             </a>
                         {% endif %}
 
+                        <a class="dropdown-item d-none" href="#" id="keys_disable">
+                            <i class="fas fa-keyboard fa-fw"></i> Disable keyboard shortcuts
+                        </a>
+                        <a class="dropdown-item d-none" href="#" id="keys_enable">
+                            <i class="fas fa-keyboard fa-fw"></i> Enable keyboard shortcuts
+                        </a>
+
                         <a class="dropdown-item" href="{{ path('logout') }}"><i class="fas fa-sign-out-alt fa-fw"></i>Logout </a>
                     </div>
                 </li>