Widget:CommentsRSS: Difference between revisions
From Jcastle.info
No edit summary |
No edit summary Tag: Reverted |
||
Line 30: | Line 30: | ||
entry.style.marginBottom = "1em"; | entry.style.marginBottom = "1em"; | ||
entry.innerHTML = ` | entry.innerHTML = ` | ||
<div><a href="${link}" target="_blank">${truncate(commentText, | <div><a href="${link}" target="_blank">${truncate(commentText, 20)}</a></div> | ||
<small style="color: #555;">${date.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' })}</small> | <small style="color: #555;">${date.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' })}</small> | ||
`; | `; |
Revision as of 21:08, 25 May 2025
<script> function truncate(text, limit) {
if (text.length <= limit) return text; return text.slice(0, text.lastIndexOf(" ", limit)) + "…";
}
fetch('/view/Special:CommentsRSS')
.then(res => res.text()) .then(str => (new window.DOMParser()).parseFromString(str, "text/xml")) .then(data => { const items = data.querySelectorAll("item"); const container = document.getElementById("recent-comments");
if (items.length === 0) {
container.innerHTML = "
No recent comments.
";
return; }
container.innerHTML = "
Recent Comments
";
items.forEach(item => { const title = item.querySelector("title").textContent; const link = item.querySelector("link").textContent; const rawDesc = item.querySelector("description").textContent; const commentText = rawDesc.replace(/<br\s*\/?>/gi, '\n').replace(/<[^>]+>/g, ).trim(); const date = new Date(item.querySelector("pubDate").textContent);
const entry = document.createElement("div"); entry.style.marginBottom = "1em"; entry.innerHTML = `
<a href="${link}" target="_blank">${truncate(commentText, 20)}</a>
${date.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' })} `;
container.appendChild(entry); }); }) .catch(error => {
document.getElementById("recent-comments").innerHTML = "
Error loading comments.
";
console.error("RSS Load Error:", error); });
</script>