47 lines
1.8 KiB
JavaScript
47 lines
1.8 KiB
JavaScript
|
utils.jq(() => {
|
||
|
|
$(function () {
|
||
|
|
const el = document.querySelector('.ds-twikoo');
|
||
|
|
utils.onLoading(el); // 加载动画
|
||
|
|
|
||
|
|
const api = el.getAttribute('api');
|
||
|
|
const limit = parseInt(el.getAttribute('limit')) || 10;
|
||
|
|
const reply = el.getAttribute('hide') !== 'reply';
|
||
|
|
if (!api) return;
|
||
|
|
|
||
|
|
fetch(api, {
|
||
|
|
method: "POST",
|
||
|
|
body: JSON.stringify({
|
||
|
|
"event": "GET_RECENT_COMMENTS",
|
||
|
|
"envId": api,
|
||
|
|
"pageSize": limit,
|
||
|
|
"includeReply": reply
|
||
|
|
}),
|
||
|
|
headers: { 'Content-Type': 'application/json' }
|
||
|
|
})
|
||
|
|
.then(res => res.json())
|
||
|
|
.then(({ data }) => {
|
||
|
|
utils.onLoadSuccess(el); // 移除动画
|
||
|
|
data.forEach((comment, j) => {
|
||
|
|
let commentText = comment.commentText;
|
||
|
|
if (!commentText || commentText.trim() === '') return; // 跳过空评论
|
||
|
|
// 转义字符
|
||
|
|
commentText = commentText.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
|
||
|
|
commentText = commentText.length > 50 ? commentText.substring(0, 50) + '...' : commentText;
|
||
|
|
var cell = '<div class="timenode" index="' + j + '">';
|
||
|
|
cell += '<div class="header">';
|
||
|
|
cell += '<div class="user-info">';
|
||
|
|
cell += '<span>' + comment.nick + '</span>';
|
||
|
|
cell += '</div>';
|
||
|
|
cell += '<span>' + new Date(comment.created).toLocaleString('zh-CN', {month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', hour12: false}) + '</span>';
|
||
|
|
cell += '</div>';
|
||
|
|
cell += '<a class="body" href="' + comment.url + '#' + comment.id + '">';
|
||
|
|
cell += commentText;
|
||
|
|
cell += '</a>';
|
||
|
|
cell += '</div>';
|
||
|
|
$(el).append(cell);
|
||
|
|
});
|
||
|
|
})
|
||
|
|
.catch(() => utils.onLoadFailure(el));
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|