Create static/script.js

static/script.js

@@ -0,0 +1,67 @@
+const chatBox = document.getElementById('chat-box');
+const chatForm = document.getElementById('chat-form');
+const userInput = document.getElementById('user-input');
+const trainingOverlay = document.getElementById('training-overlay');
+
+// التحقق من حالة التدريب كل ثانية
+function checkStatus() {
+    fetch('/training-status')
+        .then(r => r.json())
+        .then(data => {
+            if (data.is_training) {
+                trainingOverlay.classList.remove('hidden');
+                document.getElementById('progress-fill').style.width = data.progress + '%';
+                document.getElementById('progress-text').innerText = data.progress + '%';
+                document.getElementById('task-name').innerText = data.current_task;
+            } else {
+                trainingOverlay.classList.add('hidden');
+            }
+        });
+}
+
+setInterval(checkStatus, 1500);
+
+chatForm.onsubmit = async (e) => {
+    e.preventDefault();
+    const msg = userInput.value;
+    appendMsg(msg, 'user');
+    userInput.value = '';
+
+    const res = await fetch('/chat', {
+        method: 'POST',
+        headers: {'Content-Type': 'application/json'},
+        body: JSON.stringify({message: msg})
+    });
+    
+    const data = await res.json();
+    if (data.error) appendMsg(data.error, 'bot');
+    else appendMsg(data.response_text, 'bot');
+};
+
+function appendMsg(text, side) {
+    const div = document.createElement('div');
+    div.className = `msg ${side}`;
+    div.innerText = text;
+    chatBox.appendChild(div);
+    chatBox.scrollTop = chatBox.scrollHeight;
+}
+
+// أزرار المودال
+document.getElementById('add-data-btn').onclick = () => document.getElementById('modal').classList.remove('hidden');
+document.getElementById('close-btn').onclick = () => document.getElementById('modal').classList.add('hidden');
+
+document.getElementById('save-btn').onclick = async () => {
+    const q = document.getElementById('new-q').value;
+    const a = document.getElementById('new-a').value;
+    if(!q || !a) return;
+
+    await fetch('/save', {
+        method: 'POST',
+        headers: {'Content-Type': 'application/json'},
+        body: JSON.stringify([{question: q, answer: a}])
+    });
+    
+    document.getElementById('modal').classList.add('hidden');
+    document.getElementById('new-q').value = '';
+    document.getElementById('new-a').value = '';
+};