function fetchMostPopularConversations() {
fetch(‘https://disqus.com/api/3.0/posts/listPopular.json?interval=3d&related=thread&limit=10&forum=mtl-blog&api_key=57vgnh1uq1hu0xHgZ8Klq1Ke9iDVAp61XbI825mwrn6hGyanj4nO2JPxOjG8vjvB’)
.then(response => {
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
return response.json();
})
.then(data => {
let posts = data.response;
let addedThreadIds = new Set();
let conversationsHtml = “”;
if (posts && posts.length > 0) {
console.log(“Popular conversations fetched”);
for (let i = 0; i < posts.length; i++) {
let post = posts[i];
if (!addedThreadIds.has(post.thread.id)) {
addedThreadIds.add(post.thread.id);
// Check if the title exists. If not, use a placeholder.
let title = post.thread.clean_title || "Title not available";
conversationsHtml += `
`;
}
}
let container = document.querySelector(“.container.trending-comments”);
let conversationsPanel = document.createElement(“div”);
conversationsPanel.id = “popular-conversations”;
conversationsPanel.className = “conversations-section”;
conversationsPanel.innerHTML = conversationsHtml;
container.appendChild(conversationsPanel);
} else {
console.log(“No popular conversations found”);
document.getElementById(“no-conversations-message”).innerHTML = “No popular conversations found.”;
}
})
.catch(error => {
console.log(‘Fetch failed:’, error);
document.getElementById(“no-conversations-message”).innerHTML = “No popular conversations found.”;
});
}
fetchMostPopularConversations();
const widgets = document.querySelectorAll(‘.posts-wrapper .widget’);
widgets.forEach((widget, index) => {
// Apply float classes
if ((index + 1) % 4 === 1) {
widget.classList.add(‘no-float’);
} else {
widget.classList.add(‘float-right’);
}
}); |
