Spaces:

Advay-Singh
/

TaskBot-App

Running

App Files Files Community

Advay-Singh commited on Mar 16

Commit

296b8d5

verified ·

1 Parent(s): 2747f69

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +9 -15

templates/index.html CHANGED Viewed

@@ -6,8 +6,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>TaskBot AI</title>
     <script src="https://kit.fontawesome.com/cda0e70b18.js" crossorigin="anonymous"></script>
-    <link rel="Icon" href="TaskBot logo.png">
-    <link rel="manifest" href="/static/manifest.json">
 </head>
 <style>
@@ -198,7 +196,7 @@
 <body>
-    <H1 id="welcomeMessage">Hello 👋, what can I help with?</H1>
     <div id="chatArea">
         <div class="text1">
             <div class="user" style="display: none;"></div>
@@ -234,9 +232,14 @@
     </main>
     <script>
         async function answer() {
             document.getElementById("sendButton").disabled = true
-            const welcomeMessage = document.getElementById('welcomeMessage');
             welcomeMessage.style.display = 'none'; // Hide the welcome message
             const userInput = document.getElementById('userInput').value;
             if (userInput.trim() === '') return;
@@ -275,18 +278,9 @@
             // Append AI response to the chat area
             document.getElementById('chatArea').appendChild(text2);
             document.getElementById("sendButton").disabled = false
         }
-        if ("serviceWorker" in navigator) {
-            navigator.serviceWorker
-                .register("/static/service-worker.js")
-                .then(() => console.log("Service Worker Registered"))
-                .catch((err) => console.error("SW registration failed:", err));
-        }
-        document.getElementById("userInput").addEventListener("keypress", () => {
-            if (event.key === "Enter") {
-                sendButton.click()
-            }
-        })
     </script>
 </body>

     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>TaskBot AI</title>
     <script src="https://kit.fontawesome.com/cda0e70b18.js" crossorigin="anonymous"></script>
 </head>
 <style>
 <body>
+    <h1 id="welcomeMessage"></h1>
     <div id="chatArea">
         <div class="text1">
             <div class="user" style="display: none;"></div>
     </main>
     <script>
+        const greetings = ["Hello 👋, what can I help with?", "Hi there 👋, how can I assist today?", "Hello! Need a hand with something ☺️?", "Hey 👋, ready to get started?", "Hi 👋, I’m here to help—just say the word."]
+            const welcomeMessage = document.getElementById('welcomeMessage');
+            const randomGreeting = greetings[Math.floor(Math.random() * greetings.length)];
+            welcomeMessage.textContent = randomGreeting;
         async function answer() {
             document.getElementById("sendButton").disabled = true
             welcomeMessage.style.display = 'none'; // Hide the welcome message
             const userInput = document.getElementById('userInput').value;
             if (userInput.trim() === '') return;
             // Append AI response to the chat area
             document.getElementById('chatArea').appendChild(text2);
             document.getElementById("sendButton").disabled = false
+            userInput.blur()
         }
     </script>
 </body>