Spaces:
Build error
Build error
| <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> | |
| <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> | |
| <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | |
| <html> | |
| <head> | |
| <title>Chatbot</title> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> | |
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | |
| <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css')}}"/> | |
| </head> | |
| <body> | |
| <div class="container-fluid h-100"> | |
| <div class="row justify-content-center h-100"> | |
| <div class="col-md-8 col-xl-6 chat"> | |
| <div class="card"> | |
| <div class="card-header msg_head"> | |
| <div class="d-flex bd-highlight"> | |
| <div class="img_cont"> | |
| <!-- <img src="https://i.ibb.co/fSNP7Rz/icons8-chatgpt-512.png" class="rounded-circle user_img"> --> | |
| <img src="data:image/jpeg;base64,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" class="rounded-circle user_img"> | |
| <span class="online_icon"></span> | |
| </div> | |
| <div class="user_info"> | |
| <span>Medical Chatbot</span> | |
| <p>Ask me anything!</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="messageFormeight" class="card-body msg_card_body"> | |
| </div> | |
| <div class="card-footer"> | |
| <form id="messageArea" class="input-group"> | |
| <input type="text" id="text" name="msg" placeholder="Type your message..." autocomplete="off" class="form-control type_msg" required/> | |
| <div class="input-group-append"> | |
| <button type="submit" id="send" class="input-group-text send_btn"><i class="fas fa-location-arrow"></i></button> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| $(document).ready(function() { | |
| $("#messageArea").on("submit", function(event) { | |
| const date = new Date(); | |
| const hour = date.getHours(); | |
| const minute = date.getMinutes(); | |
| const str_time = hour+":"+minute; | |
| var rawText = $("#text").val(); | |
| var userHtml = '<div class="d-flex justify-content-end mb-4"><div class="msg_cotainer_send">' + rawText + '<span class="msg_time_send">'+ str_time + '</span></div><div class="img_cont_msg"><img src="data:image/png;base64,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" class="rounded-circle user_img_msg"></div></div>'; | |
| $("#text").val(""); | |
| $("#messageFormeight").append(userHtml); | |
| $.ajax({ | |
| data: { | |
| msg: rawText, | |
| }, | |
| type: "POST", | |
| url: "/get", | |
| }).done(function(data) { | |
| var botHtml = '<div class="d-flex justify-content-start mb-4"><div class="img_cont_msg"><img src="https://media.istockphoto.com/id/1218837012/vector/vector-image-of-a-flat-isolated-icon-doctor-sign.jpg?s=612x612&w=0&k=20&c=YBibn7Eoigmo-op4pHUL6KwLIxL9WodosBVZKKx09VA=" class="rounded-circle user_img_msg"></div><div class="msg_cotainer">' + data + '<span class="msg_time">' + str_time + '</span></div></div>'; | |
| $("#messageFormeight").append($.parseHTML(botHtml)); | |
| }); | |
| event.preventDefault(); | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> |