72 lines
2.3 KiB
JavaScript
72 lines
2.3 KiB
JavaScript
|
|
var socket;
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
data = window.appData;
|
|
console.log(data);
|
|
socket = io('http://localhost:5000/agent?username='+data.username+'&folder='+data.folder);
|
|
socket.on('connect', function() {
|
|
console.log('Connected to server');
|
|
socket.emit('login',JSON.stringify(data));
|
|
});
|
|
// 监听来自服务器的消息
|
|
socket.on('message', function(data) {
|
|
// 显示服务器的回复消息
|
|
const serverMessage = document.createElement('div');
|
|
serverMessage.innerHTML = `<div class="chat-message server-message"><b>服务器:</b> ${marked.parse(data)}</div>`;
|
|
document.getElementById('chatbox').appendChild(serverMessage);
|
|
|
|
// 滚动到最新消息
|
|
document.getElementById('chatbox').scrollTop = document.getElementById('chatbox').scrollHeight;
|
|
});
|
|
});
|
|
|
|
|
|
// 控制文字大小的滑块
|
|
const fontSizeSlider = document.getElementById('fontSizeSlider');
|
|
const chatbox = document.getElementById('chatbox');
|
|
|
|
fontSizeSlider.addEventListener('input', function() {
|
|
console.log(fontSizeSlider.value);
|
|
chatbox.style.fontSize = fontSizeSlider.value + 'px';
|
|
});
|
|
|
|
// 语言切换按钮
|
|
const englishRadio = document.getElementById('english');
|
|
const chineseRadio = document.getElementById('chinese');
|
|
let language = 'en'; // 默认语言
|
|
|
|
// 切换语言事件
|
|
englishRadio.addEventListener('change', function() {
|
|
if (englishRadio.checked) language = 'en';
|
|
});
|
|
|
|
chineseRadio.addEventListener('change', function() {
|
|
if (chineseRadio.checked) language = 'zn';
|
|
});
|
|
|
|
|
|
|
|
// 发送消息
|
|
function sendMessage() {
|
|
const input = document.getElementById('messageInput').value;
|
|
if (input.trim() === '') return;
|
|
|
|
// 使用 marked.js 解析 markdown
|
|
const markdownHtml = marked.parse(input);
|
|
|
|
// 显示用户发送的消息
|
|
const userMessage = document.createElement('div');
|
|
userMessage.innerHTML = `<div class="chat-message user-message"><b>你:</b> ${markdownHtml}</div>`;
|
|
document.getElementById('chatbox').appendChild(userMessage);
|
|
|
|
// 发送消息到服务器
|
|
socket.emit('message', input);
|
|
|
|
// 清空输入框
|
|
document.getElementById('messageInput').value = '';
|
|
|
|
// 滚动到最新消息
|
|
document.getElementById('chatbox').scrollTop = document.getElementById('chatbox').scrollHeight;
|
|
}
|
|
|