diff options
| -rw-r--r-- | client-web/source/chat.ts | 15 | ||||
| -rw-r--r-- | client-web/style/chat.sass | 3 |
2 files changed, 16 insertions, 2 deletions
diff --git a/client-web/source/chat.ts b/client-web/source/chat.ts index 1eb9fa5..4531a76 100644 --- a/client-web/source/chat.ts +++ b/client-web/source/chat.ts @@ -93,9 +93,20 @@ export class Chat { el.scrollIntoView({ block: "end", behavior: "smooth", inline: "end" }) } + create_text_message(text: string) : HTMLElement { + const div = document.createElement("div") + div.classList.add("text") + + // test for uris and make them clickable + const regex = (/(\b[a-z]{2,15}:\/\/\S+\b)/ig) + div.innerText = text // assigning to innerText will escape the html + div.innerHTML = div.innerHTML.replaceAll(regex, '<a href="$1" target="_blank" class="chat-link">$1</a>') + return div + } + add_message(sender: User, message: ChatMessage) { - const els = [] - if (message.text) els.push(e("span", { class: "text" }, message.text)) + const els : HTMLElement[] = [] + if (message.text) els.push(this.create_text_message(message.text)) if (message.image) els.push(image_view(message.image, { class: "image" })) chat_control(true) diff --git a/client-web/style/chat.sass b/client-web/style/chat.sass index a2f78fe..1e0c1d6 100644 --- a/client-web/style/chat.sass +++ b/client-web/style/chat.sass @@ -36,3 +36,6 @@ border-radius: 5px padding: 0.5em box-sizing: border-box + + .chat-link + color: var(--ac-light)
\ No newline at end of file |