CakeCN/hsa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

approve css change

Browse Source
This commit is contained in:
CakeCN
2025-09-14 15:30:05 +08:00
parent 7d5cf47e4d
commit 57b5671d58
3 changed files with 67 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
Html/apps/static/js/chatbox.js
View File

@@ -34,28 +34,37 @@ document.addEventListener('DOMContentLoaded', function() {
data = [data];
}
for (let i = 0; i < data.length; i++) {
const element = data[i]
const element = data[i];
// 外层消息气泡
const requestMessage = document.createElement('div');
requestMessage.className = 'chat-message server-message';
// 左边描述部分
const description = document.createElement('div');
description.innerHTML = `<b>Function:</b> ${element.name}(${JSON.stringify(element.arguments)})`;
// 右边批准按钮
const approveButton = document.createElement('button');
approveButton.innerText = '批准';
approveButton.innerHTML = '√'; // 使用勾选符号
approveButton.data = element;
approveButton.style.width = '100%';
approveButton.style.borderRadius = '4px';
approveButton.className = 'approve-button';
approveButton.onclick = function(event) {
console.log(element)
socket.emit('message', JSON.stringify({type:'function', data:element}));
event.currentTarget.disabled = true;
event.currentTarget.style.backgroundColor = 'gray';
event.currentTarget.style.color = 'white'; // 可选：设置文字颜色为白色，以便更清晰地显示
event.currentTarget.style.border = 'none'; // 可选：去掉边框
console.log(element);
socket.emit('message', JSON.stringify({ type: 'function', data: element }));
event.currentTarget.disabled = true;
event.currentTarget.classList.add('disabled');
};
// 将按钮添加到消息气泡中
requestMessage.innerHTML = `<b>Function:</b> ${element.name}(${JSON.stringify(element.arguments)})<br>`;
// 把描述和按钮加到 requestMessage
requestMessage.appendChild(description);
requestMessage.appendChild(approveButton);
document.getElementById('chatbox').appendChild(requestMessage);
document.getElementById('chatbox').scrollTop = document.getElementById('chatbox').scrollHeight;
}
}
} catch (error) {
console.log(error)
}