Spaces:

alaselababatunde
/

Dominos_Pizza_AI_Support

Sleeping

App Files Files Community

alaselababatunde commited on Feb 21

Commit

f7a7f9c

1 Parent(s): edeea8b

Updated

Browse files

Files changed (3) hide show

requirements.txt +2 -1
{assests → static/assests}/logo.png +0 -0
templates/index.html +23 -18

requirements.txt CHANGED Viewed

@@ -11,5 +11,6 @@ pandas
 sentence-transformers
 chromadb
 langchain-community
-python-dotenvlangchain-openai
 duckduckgo-search

 sentence-transformers
 chromadb
 langchain-community
+python-dotenv
+langchain-openai
 duckduckgo-search

{assests → static/assests}/logo.png RENAMED Viewed

File without changes

templates/index.html CHANGED Viewed

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -7,20 +8,23 @@
   <link rel="stylesheet" href="{{ url_for('static', filename='main.css') }}" />
   <link rel="icon" href="{{ url_for('static', filename='assests/logo.png') }}" type="image/png">
 </head>
 <body>
   <div class="chat-container">
     <div class="chat-header">
-      <h2><img src="/assests/logo.png" alt="Domino's Logo"> Domino's AI Support</h2>
-      <button onclick="clearChat()" style="background: transparent; border: none; color: var(--dominos-red); cursor: pointer; font-weight: bold;">Clear Chat</button>
     </div>
     <div class="chat-box" id="chat-box">
       {% for message in chat_history %}
-        <div class="message user slide-in-bottom">{{ message.user }}</div>
-        <div class="message bot slide-in-bottom">
-            <img src="/assests/logo.png" class="bot-logo" alt="Domino's">
-            {{ message.bot|safe }}
-        </div>
       {% endfor %}
     </div>
@@ -43,10 +47,10 @@
     });
     async function clearChat() {
-        if (confirm('Are you sure you want to clear the pizza party? (Chat history)')) {
-            await fetch('/clear', { method: 'POST' });
-            window.location.reload();
-        }
     }
     chatForm.addEventListener('submit', async (e) => {
@@ -71,7 +75,7 @@
       const botMessage = document.createElement('div');
       botMessage.classList.add('message', 'bot', 'slide-in-bottom');
       botMessage.innerHTML = `
-        <img src="/assests/logo.png" class="bot-logo" alt="Domino's">
         <div class="thinking-container">
             <div class="thinking-dot"></div>
             <div class="thinking-dot"></div>
@@ -91,16 +95,17 @@
         const data = await res.json();
         // Replace thinking animation with bot response
-        botMessage.innerHTML = `<img src="/assests/logo.png" class="bot-logo" alt="Domino's"> ${data.response || data.error}`;
         botMessage.scrollIntoView({ block: "start", behavior: "smooth" });
       } catch (err) {
-        botMessage.innerHTML = `<img src="/assests/logo.png" class="bot-logo" alt="Domino's"> Sorry, something went wrong in the kitchen.`;
       } finally {
-          input.disabled = false;
-          sendBtn.disabled = false;
-          input.focus();
       }
     });
   </script>
 </body>
-</html>

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="{{ url_for('static', filename='main.css') }}" />
   <link rel="icon" href="{{ url_for('static', filename='assests/logo.png') }}" type="image/png">
 </head>
 <body>
   <div class="chat-container">
     <div class="chat-header">
+      <h2><img src="/static/assests/logo.png" alt="Domino's Logo"> Domino's AI Support</h2>
+      <button onclick="clearChat()"
+        style="background: transparent; border: none; color: var(--dominos-red); cursor: pointer; font-weight: bold;">Clear
+        Chat</button>
     </div>
     <div class="chat-box" id="chat-box">
       {% for message in chat_history %}
+      <div class="message user slide-in-bottom">{{ message.user }}</div>
+      <div class="message bot slide-in-bottom">
+        <img src="/static/assests/logo.png" class="bot-logo" alt="Domino's">
+        {{ message.bot|safe }}
+      </div>
       {% endfor %}
     </div>
     });
     async function clearChat() {
+      if (confirm('Are you sure you want to clear the pizza party? (Chat history)')) {
+        await fetch('/clear', { method: 'POST' });
+        window.location.reload();
+      }
     }
     chatForm.addEventListener('submit', async (e) => {
       const botMessage = document.createElement('div');
       botMessage.classList.add('message', 'bot', 'slide-in-bottom');
       botMessage.innerHTML = `
+        <img src="/static/assests/logo.png" class="bot-logo" alt="Domino's">
         <div class="thinking-container">
             <div class="thinking-dot"></div>
             <div class="thinking-dot"></div>
         const data = await res.json();
         // Replace thinking animation with bot response
+        botMessage.innerHTML = `<img src="/static/assests/logo.png" class="bot-logo" alt="Domino's"> ${data.response || data.error}`;
         botMessage.scrollIntoView({ block: "start", behavior: "smooth" });
       } catch (err) {
+        botMessage.innerHTML = `<img src="/static/assests/logo.png" class="bot-logo" alt="Domino's"> Sorry, something went wrong in the kitchen.`;
       } finally {
+        input.disabled = false;
+        sendBtn.disabled = false;
+        input.focus();
       }
     });
   </script>
 </body>
+</html>