UnityWebApp17.0Update(added send button)

G-Fourteen · G-Fourteen · commit 5471be2d4a6e · 2025-01-25T08:11:19.000-07:00
diff --git a/ChatInterface.js b/ChatInterface.js
@@ -954,6 +954,31 @@ async function buildMessages(modelName, userMessage) {
   }
 
   function setupEventListeners() {
+    const input = document.getElementById("chat-input");
+    const sendButton = document.getElementById("send-button");
+  
+    // Enable/disable send button based on input
+    input.addEventListener("input", function () {
+      this.style.height = "auto";
+      const newHeight = Math.min(this.scrollHeight, 150);
+      this.style.height = newHeight + "px";
+  
+      // Enable/disable send button
+      sendButton.disabled = !this.value.trim();
+    });
+  
+    // Send message on button click
+    sendButton.addEventListener("click", () => {
+      const message = input.value.trim();
+      if (message) {
+        sendMessage(message).catch(console.error);
+        input.value = "";
+        input.style.height = "auto";
+        sendButton.disabled = true; // Disable button after sending
+      }
+    });
+  
+    // Existing code for Enter key
     input.addEventListener("keydown", (e) => {
       if (e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
@@ -962,16 +987,12 @@ async function buildMessages(modelName, userMessage) {
           sendMessage(message).catch(console.error);
           input.value = "";
           input.style.height = "auto";
+          sendButton.disabled = true; // Disable button after sending
         }
       }
     });
   
-    input.addEventListener("input", function () {
-      this.style.height = "auto";
-      const newHeight = Math.min(this.scrollHeight, 150);
-      this.style.height = newHeight + "px";
-    });
-  
+    // Existing code for voice toggle
     voiceToggle.addEventListener("click", () => {
       voiceEnabled = !voiceEnabled;
       voiceToggle.classList.add("button-press");
@@ -988,13 +1009,15 @@ async function buildMessages(modelName, userMessage) {
       }, 150);
     });
   
+    // Existing code for clear chat
     clearChat.addEventListener("click", () => {
       fadeOutAndClear();
       conversationHistory = [];
       localStorage.removeItem("conversationHistory");
       stopTTS();
     });
   
+    // Existing code for window resize
     let resizeTimeout;
     window.addEventListener("resize", () => {
       clearTimeout(resizeTimeout);
@@ -1005,12 +1028,16 @@ async function buildMessages(modelName, userMessage) {
       }, 250);
     });
   
+    // Existing code for beforeunload
     window.addEventListener("beforeunload", () => {
       if (window.speechSynthesis) {
         synth.cancel();
       }
     });
-}
+  
+    // Existing code for image handling
+    setupImageHandling();
+  }
   
   function setupImageHandling() {
     chatBox.addEventListener("dragenter", (e) => {
diff --git a/git_gui_state.json b/git_gui_state.json
@@ -1 +1 @@
-{"repo_url": "https://github.com/Unity-Lab-AI/Unity-Lab-AI.github.io.git", "repo_name": "unity.unityailab.com", "feature_branch": "feature/UnityWebAppUpdate(theme,pausetoggle)"}
+{"repo_url": "https://github.com/Unity-Lab-AI/Unity-Lab-AI.github.io.git", "repo_name": "unity.unityailab.com", "feature_branch": "feature/UnityWebApp17.0Update"}
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <title>UnityWebApp14.0</title>
+    <title>UnityWebApp17.0</title>
 
     <!-- Prism CSS for code highlighting -->
     <link
@@ -773,6 +773,7 @@
           id="chat-input"
           placeholder="Type your message... (Shift+Enter for new line, Enter to send) Want to buy us a coffee? Scroll down."
         ></textarea>
+        <button id="send-button" class="control-btn" disabled>Send</button>
       </div>
       <div class="controls">
         <div class="left-controls">
diff --git a/styles.css b/styles.css
@@ -223,7 +223,55 @@ body.dark-mode {
 .toast.error {
     background-color: var(--toast-error);
 }
-
+.input-area {
+    position: relative;
+    border: 1px solid var(--chat-primary);
+    border-radius: 0.5rem;
+    overflow: hidden;
+    margin-bottom: 0.5rem;
+    background: var(--chat-bg);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: flex-end;
+  }
+  
+  #chat-input {
+    width: 100%;
+    min-height: 85px;
+    max-height: 150px;
+    padding: 0.75rem 1rem;
+    margin: 0;
+    background: var(--chat-bg);
+    color: var(--chat-text);
+    border: none;
+    resize: none;
+    outline: none;
+    font-size: 15px;
+    font-family: 'Helvetica Neue', Arial, sans-serif;
+    box-sizing: border-box;
+    line-height: 1.5;
+    overflow-y: auto;
+  }
+  
+  #send-button {
+    margin: 0.75rem 1rem;
+    padding: 0.5rem 1rem;
+    background-color: #6b7280; /* Greyed out color */
+    color: #fff;
+    border: none;
+    border-radius: 0.375rem;
+    cursor: not-allowed;
+    transition: background-color 0.2s;
+  }
+  
+  #send-button:not(:disabled) {
+    background-color: var(--chat-primary); /* Active color */
+    cursor: pointer;
+  }
+  
+  #send-button:not(:disabled):hover {
+    background-color: var(--chat-secondary); /* Hover color */
+  }
 @keyframes fadeIn {
     to {
         opacity: 1;

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-{"repo_url": "https://github.com/Unity-Lab-AI/Unity-Lab-AI.github.io.git", "repo_name": "unity.unityailab.com", "feature_branch": "feature/UnityWebAppUpdate(theme,pausetoggle)"}`
	`1`	`+{"repo_url": "https://github.com/Unity-Lab-AI/Unity-Lab-AI.github.io.git", "repo_name": "unity.unityailab.com", "feature_branch": "feature/UnityWebApp17.0Update"}`