Replace clipboard text input with button.

Server/Pages/RemoteControl.cshtml

@@ -144,10 +144,8 @@
         <div style="color:white; font-size:12px">
             Shared Clipboard
         </div>
-        <textarea id="clipboardTransferTextArea"></textarea>
-        <div style="color:white; font-size:12px; text-align: left">
-            <input id="clipboardTransferTypeCheckbox" type="checkbox" />
-            <label for="clipboardTransferTypeCheckbox">Type Input</label>
+        <div style="color:white; font-size:12px;">
+            <button id="typeClipboardButton" class="horizontal-bar-button">Type Clipboard</button>
         </div>
     </div>
 

Server/wwwroot/scripts/RemoteControl/ClipboardWatcher.ts

@@ -1,5 +1,4 @@
-import { ClipboardTransferTextArea } from "./UI.js";
-import { MainRc } from "./Main.js";
+import { MainRc } from "./Main.js";
 
 export class ClipboardWatcher {
     ClipboardTimer: number;
@@ -21,7 +20,6 @@ export class ClipboardWatcher {
                 navigator.clipboard.readText().then(newText => {
                     if (this.LastClipboardText != newText) {
                         this.LastClipboardText = newText;
-                        ClipboardTransferTextArea.value = newText;
                         MainRc.MessageSender.SendClipboardTransfer(newText, false);
                     }
                 })
@@ -33,7 +31,6 @@ export class ClipboardWatcher {
         this.PauseMonitoring = true;
         this.LastClipboardText = text;
         navigator.clipboard.writeText(text);
-        ClipboardTransferTextArea.value = text;
         this.PauseMonitoring = false;
     }
 }

Server/wwwroot/scripts/RemoteControl/UI.ts

@@ -38,9 +38,8 @@ export var FileTransferButton = document.getElementById("fileTransferButton") as
 export var CtrlAltDelButton = document.getElementById("ctrlAltDelButton") as HTMLButtonElement;
 export var TouchKeyboardTextArea = document.getElementById("touchKeyboardTextArea") as HTMLTextAreaElement;
 export var ClipboardTransferBar = document.getElementById("clipboardTransferBar") as HTMLDivElement;
-export var ClipboardTransferTextArea = document.getElementById("clipboardTransferTextArea") as HTMLTextAreaElement;
 export var ClipboardTransferButton = document.getElementById("clipboardTransferButton") as HTMLButtonElement;
-export var ClipboardTransferTypeCheckbox = document.getElementById("clipboardTransferTypeCheckbox") as HTMLInputElement;
+export var TypeClipboardButton = document.getElementById("typeClipboardButton") as HTMLButtonElement;
 export var ConnectionP2PIcon = document.getElementById("connectionP2PIcon") as HTMLElement;
 export var ConnectionRelayedIcon = document.getElementById("connectionRelayedIcon") as HTMLElement;
 export var ToastsWrapper = document.getElementById("toastsWrapper") as HTMLDivElement;
@@ -72,13 +71,14 @@ export function ApplyInputHandlers() {
         closeAllHorizontalBars("clipboardTransferBar");
         ClipboardTransferBar.classList.toggle("open");
     });
-    ClipboardTransferTextArea.addEventListener("input", (ev) => {
-        if (ClipboardTransferTextArea.value.length == 0) {
-            return;
-        }
-        MainRc.MessageSender.SendClipboardTransfer(ClipboardTransferTextArea.value, ClipboardTransferTypeCheckbox.checked);
-        ClipboardTransferTextArea.blur();
-        ShowMessage("Clipboard sent!");
+    TypeClipboardButton.addEventListener("click", (ev) => {
+        navigator.clipboard.readText().then(text => {
+            MainRc.MessageSender.SendClipboardTransfer(text, true);
+            ShowMessage("Clipboard sent!");
+        }, reason => {
+            alert("Unable to read clipboard.  Please check your permissions.");
+            console.log("Unable to read clipboard.  Reason: " + reason);
+        });
     });
     ConnectButton.addEventListener("click", (ev) => {
         MainRc.ConnectToClient();