From 6d261032be1071f01f3567fb843cfb103811ad11 Mon Sep 17 00:00:00 2001
From: Pacman Ghost <pacman-ghost@vm-linux-dev>
Date: Thu, 1 Sep 2022 21:11:11 +1000
Subject: [PATCH] Improved the keyboard interface in the TURN TRACK dialog.

---
 .../data/default-template-pack/turn_track.j2  |  2 +-
 vasl_templates/webapp/static/turn_track.js    | 19 +++++++++++++++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/vasl_templates/webapp/data/default-template-pack/turn_track.j2 b/vasl_templates/webapp/data/default-template-pack/turn_track.j2
index d6b7c59..e1756fe 100644
--- a/vasl_templates/webapp/data/default-template-pack/turn_track.j2
+++ b/vasl_templates/webapp/data/default-template-pack/turn_track.j2
@@ -42,7 +42,7 @@ body { user-select: none ; }
 
 {% if TURN_TRACK_PREVIEW_MODE %}
 <script>
-// notify the parent window of a click on a reinforcement flag
+// notify the parent window of clicks
 function onFlagClick( turnNo, playerNo ) {
     window.parent.postMessage( {
         type: "FlagClick",
diff --git a/vasl_templates/webapp/static/turn_track.js b/vasl_templates/webapp/static/turn_track.js
index f1468d5..5a58881 100644
--- a/vasl_templates/webapp/static/turn_track.js
+++ b/vasl_templates/webapp/static/turn_track.js
@@ -130,7 +130,11 @@ function editTurnTrackSettings()
             // FUDGE! This works around a weird problem when we load a scenario with a vertical turn track
             // and show it in a turn track dialog that was previously showing a horizontal turn track :-/
             updateLayout() ;
-        } ) ;
+            // forward key-presses from the <iframe> to us
+            $( $(this)[0].contentWindow.document ).keydown( function( evt ) {
+                $dlg.trigger( evt ) ;
+            } ) ;
+        } );
 
         return params ;
     }
@@ -264,7 +268,18 @@ function editTurnTrackSettings()
                 else if ( evt.data.type === "ShadingClick" )
                     onShadingClick( evt.data.turnNo ) ;
             } ) ;
-
+            // handle auto-dismiss
+            $(this).on( "keydown", function( evt ) {
+                if ( evt.keyCode == $.ui.keyCode.ENTER && evt.ctrlKey ) {
+                    if ( evt.shiftKey )
+                        $( ".ui-dialog.turn-track button.snippet" ).trigger( "click" ) ;
+                    $(this).find( "select" ).select2( "close" ) ;
+                    evt.preventDefault() ;
+                    evt.stopPropagation() ;
+                    $dlg.dialog( "close" ) ;
+                    return ;
+                }
+            } ) ;
         },
         open: function() {
             // initialize the dialog