From ed3c022f7e437bfad62ca3b4bd7286521e348a5f Mon Sep 17 00:00:00 2001
From: Michael Jumper <mjumper@apache.org>
Date: Sat, 15 Jul 2017 16:58:39 -0700
Subject: [PATCH] GUACAMOLE-346: Provide explicit "cancel" button for
 in-progress seek.

---
 .../src/main/webapp/index.html                      |  5 ++++-
 .../src/main/webapp/playback.js                     | 13 +++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/doc/guacamole-playback-example/src/main/webapp/index.html b/doc/guacamole-playback-example/src/main/webapp/index.html
index 64f8cbcef..9151ebce6 100644
--- a/doc/guacamole-playback-example/src/main/webapp/index.html
+++ b/doc/guacamole-playback-example/src/main/webapp/index.html
@@ -34,7 +34,10 @@
             <div id="display">
                 <div class="notification-container">
                     <div class="seek-notification">
-                        <p>Seek in progress... Click "play" to cancel.</p>
+                        <p>
+                            Seek in progress...
+                            <button id="cancel-seek">Cancel</button>
+                        </p>
                     </div>
                 </div>
             </div>
diff --git a/doc/guacamole-playback-example/src/main/webapp/playback.js b/doc/guacamole-playback-example/src/main/webapp/playback.js
index d99322a94..d699296ef 100644
--- a/doc/guacamole-playback-example/src/main/webapp/playback.js
+++ b/doc/guacamole-playback-example/src/main/webapp/playback.js
@@ -41,6 +41,13 @@
      */
     var playPause = document.getElementById('play-pause');
 
+    /**
+     * Button for cancelling in-progress seek operations.
+     *
+     * @type Element
+     */
+    var cancelSeek = document.getElementById('cancel-seek');
+
     /**
      * Text status display indicating the current playback position within the
      * recording.
@@ -164,6 +171,12 @@
             recording.pause();
     };
 
+    // Cancel seek operation when cancel button is clicked
+    cancelSeek.onclick = function cancelSeekOperation(e) {
+        recording.pause();
+        e.stopPropagation();
+    };
+
     // Fit display within containing div
     recordingDisplay.onresize = function displayResized(width, height) {