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

added type to appendUserMessage

Browse source
This commit is contained in:
mic 2024-07-27 14:59:50 +02:00
parent 1c098faeef
commit 5e4df1756f
1 changed files with 18 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
api_webchat/messagesArea.js
View file

@ -41,6 +41,9 @@ messagesAreaStyle.textContent = `
.message { .message {
margin-bottom: var(--margin); margin-bottom: var(--margin);
line-height: 1.3; line-height: 1.3;
padding: 5px;
border-radius: 10px;
} }
.token { .token {
display: inline; display: inline;
@ -74,8 +77,10 @@ messagesAreaStyle.textContent = `
.error{ .error{
background: lightcoral; background: lightcoral;
color: white; color: white;
padding: 5px; }
border-radius: 10px; .info{
background: lightblue;
color: navy;
} }
`; `;
messagesAreaTemplate.content.appendChild(messagesAreaStyle); messagesAreaTemplate.content.appendChild(messagesAreaStyle);
@ -123,15 +128,24 @@ class MessagesArea extends HTMLElement {
this.addDivider(); this.addDivider();
} }
appendUserMessage(messageText, source="You") { appendUserMessage(messageText, type="user") {
this.fullTextHTML = ""; this.fullTextHTML = "";
console.log("[ThunderAI] appendUserMessage: " + messageText); console.log("[ThunderAI] appendUserMessage: " + messageText);
const header = document.createElement('h2'); const header = document.createElement('h2');
let source = "You";
switch (type) {
case "user":
source = "You";
break;
case "info":
source = "Information";
break;
}
header.textContent = source; header.textContent = source;
this.messages.appendChild(header); this.messages.appendChild(header);
const messageElement = document.createElement('div'); const messageElement = document.createElement('div');
messageElement.classList.add('message', 'user'); messageElement.classList.add('message', type);
messageElement.textContent = messageText; messageElement.textContent = messageText;
this.messages.appendChild(messageElement); this.messages.appendChild(messageElement);
this.scrollToBottom(); this.scrollToBottom();