From 4c709dcf44fbc77055e90373aa2c66d6c0a0fd61 Mon Sep 17 00:00:00 2001
From: Bill Thornton <thornbill@users.noreply.github.com>
Date: Wed, 27 Apr 2022 15:23:47 -0400
Subject: [PATCH] Merge pull request #3597 from nielsvanvelzen/qc-text-input

Use text input in Quick Connect page

(cherry picked from commit f7e2f07c059ceb1532ec27103ab8acd1aa59ec7a)
Signed-off-by: crobibero <cody@robibe.ro>
---
 src/controllers/user/quickConnect/index.html | 2 +-
 src/controllers/user/quickConnect/index.js   | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/controllers/user/quickConnect/index.html b/src/controllers/user/quickConnect/index.html
index b60727d63f..6e0e0cbf6f 100644
--- a/src/controllers/user/quickConnect/index.html
+++ b/src/controllers/user/quickConnect/index.html
@@ -5,7 +5,7 @@
             <div>${QuickConnectDescription}</div>
             <br />
             <div class="inputContainer">
-                <input is="emby-input" type="number" min="0" max="999999" required id="txtQuickConnectCode" label="${LabelQuickConnectCode}" autocomplete="off" />
+                <input is="emby-input" type="text" inputmode="numeric" pattern="[0-9\s]*" minlength="6" required id="txtQuickConnectCode" label="${LabelQuickConnectCode}" autocomplete="off" />
             </div>
             <button id="btnQuickConnectAuthorize" is="emby-button" type="submit" class="raised button-submit block">
                 <span>${Authorize}</span>
diff --git a/src/controllers/user/quickConnect/index.js b/src/controllers/user/quickConnect/index.js
index 6809e449c6..e60747b8f7 100644
--- a/src/controllers/user/quickConnect/index.js
+++ b/src/controllers/user/quickConnect/index.js
@@ -15,7 +15,9 @@ export default function (view) {
                 return;
             }
 
-            authorize(codeElement.value);
+            // Remove spaces from code
+            const normalizedCode = codeElement.value.replace(/\s/g, '');
+            authorize(normalizedCode);
         });
     });
 }