From 80603746afd9cb7c8a8d01aa9ef26491cf08f479 Mon Sep 17 00:00:00 2001
From: Nirbheek Chauhan <nirbheek@centricular.com>
Date: Mon, 17 Jul 2023 10:16:48 +0530
Subject: [PATCH] webrtc/js: Support pressing "enter" to connect

I press "enter" every time which doesn't work and then I click
"Connect", so let's fix that.

Part-of: <https://gitlab.freedesktop.org/gstreamer/gstreamer/-/merge_requests/5045>
---
 subprojects/gst-examples/webrtc/sendrecv/js/index.html | 4 ++--
 subprojects/gst-examples/webrtc/sendrecv/js/webrtc.js  | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/subprojects/gst-examples/webrtc/sendrecv/js/index.html b/subprojects/gst-examples/webrtc/sendrecv/js/index.html
index b6915bf362..752e1f4883 100644
--- a/subprojects/gst-examples/webrtc/sendrecv/js/index.html
+++ b/subprojects/gst-examples/webrtc/sendrecv/js/index.html
@@ -29,10 +29,10 @@
     <br/>
     <div>
       <label for="peer-connect">Enter peer id</label>
-      <input id="peer-connect" type="text" name="text">
+      <input id="peer-connect" type="text" name="text" onkeypress="onTextKeyPress();" required>
       <input id="peer-connect-button" onclick="onConnectClicked();" type="button" value="Connect">
       <!-- Request the peer to send the offer by sending the OFFER_REQUEST message.
-        Same as the -​-remote-offerer flag in the sendrecv C example -->
+        Same as the --remote-offerer flag in the sendrecv C example -->
       <input id="remote-offerer" type="checkbox" autocomplete="off"><span>Remote offerer</span>
     </div>
 
diff --git a/subprojects/gst-examples/webrtc/sendrecv/js/webrtc.js b/subprojects/gst-examples/webrtc/sendrecv/js/webrtc.js
index d403a1bb27..46a7c5ea9c 100644
--- a/subprojects/gst-examples/webrtc/sendrecv/js/webrtc.js
+++ b/subprojects/gst-examples/webrtc/sendrecv/js/webrtc.js
@@ -49,6 +49,15 @@ function onConnectClicked() {
     setConnectButtonState("Disconnect");
 }
 
+function onTextKeyPress(e) {
+    e = e ? e : window.event;
+    if (e.code == "Enter") {
+        onConnectClicked();
+        return false;
+    }
+    return true;
+}
+
 function getOurId() {
     return Math.floor(Math.random() * (9000 - 10) + 10).toString();
 }