add icons

qooba · qooba · commit 7e91868e6403 · 2023-06-05T01:15:16.000+02:00
diff --git a/static/app.js b/static/app.js
@@ -1,6 +1,5 @@
 $(document).ready(function() {
     const apiUrl = `${window.origin}/api/chat`; // Replace with your API URL
-    const converter = new showdown.Converter();
 
     function sendUserMessage() {
         const userMessage = $('#user-message').val();
@@ -9,7 +8,6 @@ $(document).ready(function() {
         // Append user message to the chat
         $('#chat-container').append(`<div class="alert alert-warning"><strong>You:</strong> ${userMessage}</div>`);
         var el = $(`<div class="alert alert-success"></div>`).appendTo('#chat-container');
-        console.log(el);
 
         // Call API and process the response
         callApi(userMessage, el).catch(error => {
diff --git a/static/index.html b/static/index.html
@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Chatbot</title>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script>
     <script src="/app.js"></script>
     <style>
         #chat-container {
@@ -24,12 +24,12 @@
     </style>
 </head>
 <body>
-    <div id="chat-container" class="container">
+    <div id="chat-container" class="container-fluid">
         
         <div class="input-group">
             <input type="text" id="user-message" class="form-control" placeholder="Type your message here...">
             <span class="input-group-btn">
-                <button class="btn btn-primary" id="send-message" type="button">Send</button>
+                <button class="btn btn-primary" id="send-message" type="button"><i class="bi bi-chat-dots"></i></button>
             </span>
         </div>
     </div>
