From 261941362eaee0e5c928c338f68806f39b7a8ada Mon Sep 17 00:00:00 2001
From: Adam <24621027+adoyle0@users.noreply.github.com>
Date: Sat, 27 Apr 2024 06:00:26 -0400
Subject: [PATCH] expand client

---
 src/main.rs | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)
diff --git a/src/main.rs b/src/main.rs
index 3a9a9a3..c1691c9 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -133,7 +133,7 @@ async fn user_connected(ws: WebSocket, users: Users) {
 
     let _ = user_ws_tx
         .send(Message::text(format!(
-            "Server Message: Welcome User {}",
+            "Server: Welcome User {}",
             my_id
         )))
         .await;
@@ -209,27 +209,30 @@ static INDEX_HTML: &str = r#"<!DOCTYPE html>
     </head>
     <body>
         <h1>Cards</h1>
-        <div id="chat">
+        <div id="status">
             <p><em>Connecting...</em></p>
         </div>
+        Chat:
         <form id="muhForm" onsubmit="onSubmit();return false">
-        <input type="text" id="text" autocomplete="off" />
+        <textarea id="history" readonly="true" wrap="soft" style="width: 80%; height: 10rem;"></textarea>
+        <br />
+        <input type="text" id="text" autocomplete="off" style="width: 80%;" />
+        <br />
         <button type="submit" id="send">Send</button>
         </form>
         <script type="text/javascript">
-        const chat = document.getElementById('chat');
-        const text = document.getElementById('text');
+        const status = document.getElementById('status');
+        const history = document.getElementById('history');
+        history.value = "";
         const uri = 'ws://' + location.host + '/chat';
         const ws = new WebSocket(uri);
 
         function message(data) {
-            const line = document.createElement('p');
-            line.innerText = data;
-            chat.appendChild(line);
+            history.value = history.value + data + '\n';
         }
 
         ws.onopen = function() {
-            chat.innerHTML = '<p><em>Connected!</em></p>';
+            status.innerHTML = '<p><em>Connected!</em></p>';
         };
 
         ws.onmessage = function(msg) {
@@ -237,7 +240,7 @@ static INDEX_HTML: &str = r#"<!DOCTYPE html>
         };
 
         ws.onclose = function() {
-            chat.getElementsByTagName('em')[0].innerText = 'Disconnected!';
+            status.getElementsByTagName('em')[0].innerText = 'Disconnected!';
         };
 
         function onSubmit() {
