vpranay/AI

1let currentChatId = "1";
2
3document.getElementById("dark-mode-toggle").addEventListener("click", function() {
4    document.body.classList.toggle("light-mode");
5    this.textContent = document.body.classList.contains("light-mode") ? "🌞 Light Mode" : "🌙 Dark Mode";
6});
7let chatHistoryVisible = false;
8
9function toggleChatHistory() {
10    let chatHistoryDiv = document.getElementById("chat-history");
11    chatHistoryVisible = !chatHistoryVisible;
12
13    if (chatHistoryVisible) {
14        chatHistoryDiv.classList.remove("hidden");
15    } else {
16        chatHistoryDiv.classList.add("hidden");
17    }
18}
19document.getElementById("user-input").addEventListener("keypress", function (event) {
20    if (event.key === "Enter") {
21        event.preventDefault(); // Prevent default form submission
22        sendMessage();
23    }
24});
25
26function sendMessage() {
27    let userInput = document.getElementById("user-input").value.trim();
28    if (userInput === "") return;
29
30    let chatBox = document.getElementById("chat-box");
31    let userMessage = `<div class="message user">${userInput}</div>`;
32    chatBox.innerHTML += userMessage;
33
34    document.getElementById("user-input").value = ""; // Clear input field
35}
36
37
38function sendMessage() {
39    let input = document.getElementById("user-input").value;
40    if (input.trim() === "") return;
41
42    let chatBox = document.getElementById("chat-box");
43
44    let userMessage = document.createElement("div");
45    userMessage.className = "message user";
46    userMessage.textContent = input;
47    chatBox.appendChild(userMessage);
48
49    let botMessage = document.createElement("div");
50    botMessage.className = "message bot";
51    botMessage.textContent = "Typing...";
52    chatBox.appendChild(botMessage);
53
54    fetch("/chat", {
55        method: "POST",
56        body: JSON.stringify({ message: input, chat_id: currentChatId }),
57        headers: { "Content-Type": "application/json" }
58    })
59    .then(response => response.json())
60    .then(data => {
61        botMessage.textContent = data.response;
62    });
63
64    document.getElementById("user-input").value = "";
65}
66
67function newChat() {
68    fetch("/new_chat", { method: "POST" })
69        .then(response => response.json())
70        .then(data => {
71            currentChatId = data.chat_id;
72            document.getElementById("chat-box").innerHTML = "";
73            updateChatHistory();
74        });
75}
76
77function loadChat(chatId) {
78    currentChatId = chatId;
79    fetch("/get_chat", {
80        method: "POST",
81        body: JSON.stringify({ chat_id: chatId }),
82        headers: { "Content-Type": "application/json" }
83    })
84    .then(response => response.json())
85    .then(data => {
86        let chatBox = document.getElementById("chat-box");
87        chatBox.innerHTML = "";
88        data.messages.forEach(msg => {
89            let userMessage = document.createElement("div");
90            userMessage.className = "message user";
91            userMessage.textContent = msg.user;
92            chatBox.appendChild(userMessage);
93
94            let botMessage = document.createElement("div");
95            botMessage.className = "message bot";
96            botMessage.textContent = msg.bot;
97            chatBox.appendChild(botMessage);
98        });
99    });
100}
101
102function deleteChat(chatId) {
103    fetch("/delete_chat", {
104        method: "POST",
105        body: JSON.stringify({ chat_id: chatId }),
106        headers: { "Content-Type": "application/json" }
107    })
108    .then(response => response.json())
109    .then(() => {
110        updateChatHistory();
111    });
112}
113
114function updateChatHistory() {
115    fetch("/")
116        .then(response => response.text())
117        .then(html => {
118            let parser = new DOMParser();
119            let doc = parser.parseFromString(html, "text/html");
120            document.getElementById("chat-history").innerHTML = doc.getElementById("chat-history").innerHTML;
121        });
122}
123
124
125function openSettings() {
126    window.location.href = "settings.html";
127}
128
129