jason/ThunderAI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added type to appendBotMessage

Browse source
This commit is contained in:
mic 2024-07-27 14:55:25 +02:00
parent 6713703964
commit 08d38e90b0
1 changed files with 27 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
api_webchat/messagesArea.js
View file

@ -71,6 +71,12 @@ messagesAreaStyle.textContent = `
hr { hr {
width: 100%; width: 100%;
} }
.error{
background: lightcoral;
color: white;
padding: 5px;
border-radius: 10px;
}
`; `;
messagesAreaTemplate.content.appendChild(messagesAreaStyle); messagesAreaTemplate.content.appendChild(messagesAreaStyle);
@ -131,6 +137,27 @@ class MessagesArea extends HTMLElement {
this.scrollToBottom(); this.scrollToBottom();
} }
appendBotMessage(messageText, type="bot") {
console.log("[ThunderAI] appendBotMessage: " + messageText);
this.fullTextHTML = messageText;
const lastMessage = this.messages.lastElementChild;
const isLastMessageFromUser = lastMessage && lastMessage.classList.contains('user');
if (isLastMessageFromUser) {
const header = document.createElement('h2');
header.textContent = "Chat GPT";
this.messages.appendChild(header);
}
const messageElement = document.createElement('div');
messageElement.classList.add('message', type);
messageElement.textContent = messageText;
this.messages.appendChild(messageElement);
this.scrollToBottom();
}
handleNewToken(token) { handleNewToken(token) {
if (!this.accumulatingMessageEl) { if (!this.accumulatingMessageEl) {
this.createNewAccumulatingMessage(); this.createNewAccumulatingMessage();
@ -221,28 +248,6 @@ class MessagesArea extends HTMLElement {
} }
} }
appendBotMessage(messageText) {
console.log("[ThunderAI] appendBotMessage: " + messageText);
this.fullTextHTML = messageText;
const lastMessage = this.messages.lastElementChild;
const isLastMessageFromUser = lastMessage && lastMessage.classList.contains('user');
if (isLastMessageFromUser) {
const header = document.createElement('h2');
header.textContent = "Bot";
this.messages.appendChild(header);
}
const messageElement = document.createElement('div');
messageElement.classList.add('message', 'bot');
messageElement.textContent = messageText;
this.messages.appendChild(messageElement);
this.scrollToBottom();
}
} }
customElements.define('messages-area', MessagesArea); customElements.define('messages-area', MessagesArea);