New padding.

Browse Source
This commit is contained in:
retoor 2025-01-29 00:46:11 +01:00
parent 93b2f6cc41
commit 9f652ece1b
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/snek/static/message-list.js
View File

@ -17,6 +17,14 @@ class MessageListElement extends HTMLElement {
this.component = document.createElement('div') this.component = document.createElement('div')
this.shadowRoot.appendChild(this.component ) this.shadowRoot.appendChild(this.component )
} }
linkifyText(text) {
const urlRegex = /https?:\/\/[^\s]+/g;
return text.replace(urlRegex, (url) => {
return `<a href="${url}" target="_blank" rel="noopener noreferrer">${url}</a>`;
});
}
createElement(message){ createElement(message){
const element = document.createElement("div") const element = document.createElement("div")
element.dataset.uid = message.uid element.dataset.uid = message.uid
@ -40,7 +48,7 @@ class MessageListElement extends HTMLElement {
author.textContent = message.user_nick author.textContent = message.user_nick
const text = document.createElement("div") const text = document.createElement("div")
text.classList.add("text") text.classList.add("text")
text.textContent = message.message text.innerHTML = this.linkifyText(message.message)
const time = document.createElement("div") const time = document.createElement("div")
time.classList.add("time") time.classList.add("time")
time.textContent = message.created_at time.textContent = message.created_at