MediaWiki:RecentActivities.js
来自东方活动维基
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：按 Ctrl-F5。
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://thonly.cc/proxy_thmarket/api/v1/events?include_pending=true&utf8=1', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
let data = JSON.parse(xhr.responseText);
//console.log(data);
let divBlock = document.getElementById('RecentActivities');
data.forEach(element => {
let name = element["name"];
let id = element["id"];
let img = element["images"];
let list_image_clip = element["list_image_clip"];
let location = element["location"];
let details = location["details"];
let url = "https://touhou.market/main/events/" + id;
let imgUrl = `https://thonly.cc/proxy_thmarket/api/v1/images/${img}?format=webp&q=60&size=m&clip=${list_image_clip[0]},${list_image_clip[1]},${list_image_clip[2]},${list_image_clip[3]}`;
let block = `
<div class="childbox-box">
<div class="childbox-image childbox-image-more" data-more="${url}" onclick="window.open('${url}');">
<div class="childbox-image-more-child" style="pointer-events: none;">
<a href="/File:24%E6%96%B0%E6%98%A5%E5%AE%B4%E5%9B%9B%E5%AD%A3.png" class="image">
<img alt="${img}" referrer="no-referrer" src="${imgUrl}" decoding="async" loading="lazy" width="1920" height="1080" data-file-width="1920" data-file-height="1080">
</a>
</div>
</div>
<div class="childbox-text">
<div class="childbox-title">${name}</div>
<div style="flex:1;font-size:14px;margin-top:10px">${details}</div>
</div>
</div>`
if(divBlock) {
divBlock.innerHTML += block
}
});
} else {
console.error('Network response was not ok ' + xhr.statusText);
}
}
};
xhr.send();
