363 lines
14 KiB
JavaScript
363 lines
14 KiB
JavaScript
|
/*
|
|||
|
|
Last Modified time : 20220211 15:38 by https://immmmm.com
|
|||
|
|
已适配 FriendCircle 公共库和主库
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
//默认数据
|
|||
|
|
var fdata = {
|
|||
|
|
jsonurl: '',
|
|||
|
|
apiurl: 'https://moments.0206.ink/',
|
|||
|
|
apipublicurl: '', //默认公共库
|
|||
|
|
initnumber: 20, //首次加载文章数
|
|||
|
|
stepnumber: 20, //更多加载文章数
|
|||
|
|
article_sort: 'created', //文章排序 updated or created
|
|||
|
|
error_img: 'https://sdn.geekzu.org/avatar/57d8260dfb55501c37dde588e7c3852c'
|
|||
|
|
}
|
|||
|
|
//可通过 var fdataUser 替换默认值
|
|||
|
|
if (typeof (fdataUser) !== "undefined") {
|
|||
|
|
for (var key in fdataUser) {
|
|||
|
|
if (fdataUser[key]) {
|
|||
|
|
fdata[key] = fdataUser[key];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var article_num = '', sortNow = '', UrlNow = '', friends_num = ''
|
|||
|
|
var container = document.getElementById('cf-container') || document.getElementById('fcircleContainer');
|
|||
|
|
// 获取本地 排序值、加载apiUrl，实现记忆效果
|
|||
|
|
var localSortNow = localStorage.getItem("sortNow")
|
|||
|
|
var localUrlNow = localStorage.getItem("urlNow")
|
|||
|
|
if (localSortNow && localUrlNow) {
|
|||
|
|
sortNow = localSortNow
|
|||
|
|
UrlNow = localUrlNow
|
|||
|
|
} else {
|
|||
|
|
sortNow = fdata.article_sort
|
|||
|
|
if (fdata.jsonurl) {
|
|||
|
|
UrlNow = fdata.apipublicurl + 'postjson?jsonlink=' + fdata.jsonurl + "&"
|
|||
|
|
} else if (fdata.apiurl) {
|
|||
|
|
UrlNow = fdata.apiurl + 'all?'
|
|||
|
|
} else {
|
|||
|
|
UrlNow = fdata.apipublicurl + 'all?'
|
|||
|
|
}
|
|||
|
|
console.log("当前模式：" + UrlNow)
|
|||
|
|
localStorage.setItem("urlNow", UrlNow)
|
|||
|
|
localStorage.setItem("sortNow", sortNow)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 打印基本信息
|
|||
|
|
function loadStatistical(sdata) {
|
|||
|
|
article_num = sdata.article_num
|
|||
|
|
friends_num = sdata.friends_num
|
|||
|
|
var messageBoard = `
|
|||
|
|
<div id="cf-state" class="cf-new-add">
|
|||
|
|
<div class="cf-state-data">
|
|||
|
|
<div class="cf-data-friends" onclick="openToShow()">
|
|||
|
|
<span class="cf-label">订阅</span>
|
|||
|
|
<span class="cf-message">${sdata.friends_num}</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="cf-data-active" onclick="changeEgg()">
|
|||
|
|
<span class="cf-label">活跃</span>
|
|||
|
|
<span class="cf-message">${sdata.active_num}</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="cf-data-article" onclick="clearLocal()">
|
|||
|
|
<span class="cf-label">日志</span>
|
|||
|
|
<span class="cf-message">${sdata.article_num}</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="cf-change">
|
|||
|
|
<span id="cf-change-created" data-sort="created" onclick="changeSort(event)" class="${sortNow == 'created' ? 'cf-change-now' : ''}">Created</span> | <span id="cf-change-updated" data-sort="updated" onclick="changeSort(event)" class="${sortNow == 'updated' ? 'cf-change-now' : ''}" >Updated</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
`;
|
|||
|
|
var loadMoreBtn = `
|
|||
|
|
|
|||
|
|
`;
|
|||
|
|
if (container) {
|
|||
|
|
// container.insertAdjacentHTML('beforebegin', messageBoard);
|
|||
|
|
container.insertAdjacentHTML('afterend', loadMoreBtn);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 打印文章内容 cf-article
|
|||
|
|
function loadArticleItem(datalist, start, end) {
|
|||
|
|
var articleItem = '';
|
|||
|
|
var articleNum = article_num;
|
|||
|
|
var endFor = end
|
|||
|
|
if (end > articleNum) {
|
|||
|
|
endFor = articleNum
|
|||
|
|
}
|
|||
|
|
if (start < articleNum) {
|
|||
|
|
for (var i = start; i < endFor; i++) {
|
|||
|
|
var item = datalist[i];
|
|||
|
|
articleItem += `
|
|||
|
|
<div class="cf-article">
|
|||
|
|
<a class="cf-article-title" href="${item.link}" target="_blank" rel="noopener nofollow" data-title="${item.title}">${item.title}</a>
|
|||
|
|
<span class="cf-article-floor">${item.floor}</span>
|
|||
|
|
<div class="cf-article-avatar no-lightbox flink-item-icon">
|
|||
|
|
<a onclick="openMeShow(event)" data-link="${item.link}" class="" target="_blank" rel="noopener nofollow" href="javascript:;"><img class="cf-img-avatar avatar" src= "${item.avatar}" alt="avatar" onerror="this.src='${fdata.error_img}'; this.onerror = null;"><span class="cf-article-author">${item.author}</span></a>
|
|||
|
|
<span class="cf-article-time">
|
|||
|
|
<span class="cf-time-created" style="${sortNow == 'created' ? '' : 'display:none'}">${item.created}</span>
|
|||
|
|
<span class="cf-time-updated" style="${sortNow == 'updated' ? '' : 'display:none'}"><i class="fas fa-history">更新于</i>${item.updated}</span>
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
`;
|
|||
|
|
}
|
|||
|
|
container.insertAdjacentHTML('beforeend', articleItem);
|
|||
|
|
// 预载下一页文章
|
|||
|
|
fetchNextArticle()
|
|||
|
|
} else {
|
|||
|
|
// 文章加载到底
|
|||
|
|
document.getElementById('cf-more').outerHTML = `<div id="cf-more" class="cf-new-add" onclick="loadNoArticle()"><small>一切皆有尽头！</small></div>`
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 打印个人卡片 cf-overshow
|
|||
|
|
function loadFcircleShow(userinfo, articledata) {
|
|||
|
|
var showHtml = `
|
|||
|
|
<div class="cf-overshow">
|
|||
|
|
<div class="cf-overshow-head">
|
|||
|
|
<img class="cf-img-avatar avatar" src= "${userinfo.avatar}" alt="avatar" onerror="this.src='${fdata.error_img}'; this.onerror = null;">
|
|||
|
|
<a class="" target="_blank" rel="noopener nofollow" href="${userinfo.link}">${userinfo.author}</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="cf-overshow-content">
|
|||
|
|
`
|
|||
|
|
for (var i = 0; i < userinfo.article_num; i++) {
|
|||
|
|
var item = articledata[i];
|
|||
|
|
showHtml += `
|
|||
|
|
<p><a class="cf-article-title" href="${item.link}" target="_blank" rel="noopener nofollow" data-title="${item.title}">${item.title}</a><span>${item.created}</span></p>
|
|||
|
|
`
|
|||
|
|
}
|
|||
|
|
showHtml += '</div></div>'
|
|||
|
|
document.getElementById('cf-overshow').insertAdjacentHTML('beforeend', showHtml);
|
|||
|
|
document.getElementById('cf-overshow').className = 'cf-show-now';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 预载下一页文章，存为本地数据 nextArticle
|
|||
|
|
function fetchNextArticle() {
|
|||
|
|
var start = document.getElementsByClassName('cf-article').length
|
|||
|
|
var end = start + fdata.stepnumber
|
|||
|
|
var articleNum = article_num;
|
|||
|
|
if (end > articleNum) {
|
|||
|
|
end = articleNum
|
|||
|
|
}
|
|||
|
|
if (start < articleNum) {
|
|||
|
|
UrlNow = localStorage.getItem("urlNow")
|
|||
|
|
var fetchUrl = UrlNow + "rule=" + sortNow + "&start=" + start + "&end=" + end
|
|||
|
|
//console.log(fetchUrl)
|
|||
|
|
fetch(fetchUrl)
|
|||
|
|
.then(res => res.json())
|
|||
|
|
.then(json => {
|
|||
|
|
var nextArticle = eval(json.article_data);
|
|||
|
|
console.log("已预载" + "?rule=" + sortNow + "&start=" + start + "&end=" + end)
|
|||
|
|
localStorage.setItem("nextArticle", JSON.stringify(nextArticle))
|
|||
|
|
})
|
|||
|
|
} else if (start = articleNum) {
|
|||
|
|
document.getElementById('cf-more').outerHTML = `<div id="cf-more" class="cf-new-add" onclick="loadNoArticle()"><small>一切皆有尽头！</small></div>`
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 显示下一页文章，从本地缓存 nextArticle 中获取
|
|||
|
|
function loadNextArticle() {
|
|||
|
|
var nextArticle = JSON.parse(localStorage.getItem("nextArticle"));
|
|||
|
|
var articleItem = ""
|
|||
|
|
for (var i = 0; i < nextArticle.length; i++) {
|
|||
|
|
var item = nextArticle[i];
|
|||
|
|
articleItem += `
|
|||
|
|
<div class="cf-article">
|
|||
|
|
<a class="cf-article-title" href="${item.link}" target="_blank" rel="noopener nofollow" data-title="${item.title}">${item.title}</a>
|
|||
|
|
<span class="cf-article-floor">${item.floor}</span>
|
|||
|
|
<div class="cf-article-avatar no-lightbox flink-item-icon">
|
|||
|
|
<a onclick="openMeShow(event)" data-link="${item.link}" class="" target="_blank" rel="noopener nofollow" href="javascript:;"><img class="cf-img-avatar avatar" src= "https://bu.dusays.com/2023/03/03/6401a7902b8de.png" data-lazy-src="${item.avatar}" alt="avatar" onerror="this.src='${fdata.error_img}'; this.onerror = null;"><span class="cf-article-author">${item.author}</span></a>
|
|||
|
|
<span class="cf-article-time">
|
|||
|
|
<span class="cf-time-created" style="${sortNow == 'created' ? '' : 'display:none'}">${item.created}</span>
|
|||
|
|
<span class="cf-time-updated" style="${sortNow == 'updated' ? '' : 'display:none'}"><i class="fas fa-history">更新于</i>${item.updated}</span>
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
`;
|
|||
|
|
}
|
|||
|
|
container.insertAdjacentHTML('beforeend', articleItem);
|
|||
|
|
|
|||
|
|
// 同时预载下一页文章
|
|||
|
|
fetchNextArticle()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 没有更多文章
|
|||
|
|
function loadNoArticle() {
|
|||
|
|
var articleSortData = sortNow + "ArticleData"
|
|||
|
|
localStorage.removeItem(articleSortData)
|
|||
|
|
localStorage.removeItem("statisticalData")
|
|||
|
|
//localStorage.removeItem("sortNow")
|
|||
|
|
document.getElementById('cf-more').remove()
|
|||
|
|
window.scrollTo(0, document.getElementsByClassName('cf-state').offsetTop)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 清空本地数据
|
|||
|
|
function clearLocal() {
|
|||
|
|
localStorage.removeItem("updatedArticleData")
|
|||
|
|
localStorage.removeItem("createdArticleData")
|
|||
|
|
localStorage.removeItem("nextArticle")
|
|||
|
|
localStorage.removeItem("statisticalData")
|
|||
|
|
localStorage.removeItem("sortNow")
|
|||
|
|
localStorage.removeItem("urlNow")
|
|||
|
|
location.reload();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//
|
|||
|
|
function checkVersion() {
|
|||
|
|
var url = fdata.apiurl + "version"
|
|||
|
|
fetch(url)
|
|||
|
|
.then(res => res.json())
|
|||
|
|
.then(json => {
|
|||
|
|
console.log(json)
|
|||
|
|
var nowStatus = json.status, nowVersion = json.current_version, newVersion = json.latest_version
|
|||
|
|
var versionID = document.getElementById('cf-version-up')
|
|||
|
|
if (nowStatus == 0) {
|
|||
|
|
versionID.innerHTML = "当前版本：v" + nowVersion
|
|||
|
|
} else if (nowStatus == 1) {
|
|||
|
|
versionID.innerHTML = "发现新版本：v" + nowVersion + " ↦ " + newVersion
|
|||
|
|
} else {
|
|||
|
|
versionID.innerHTML = "网络错误，检测失败！"
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 切换为公共全库
|
|||
|
|
function changeEgg() {
|
|||
|
|
//有自定义json或api执行切换
|
|||
|
|
if (fdata.jsonurl || fdata.apiurl) {
|
|||
|
|
document.querySelectorAll('.cf-new-add').forEach(el => el.remove());
|
|||
|
|
localStorage.removeItem("updatedArticleData")
|
|||
|
|
localStorage.removeItem("createdArticleData")
|
|||
|
|
localStorage.removeItem("nextArticle")
|
|||
|
|
localStorage.removeItem("statisticalData")
|
|||
|
|
container.innerHTML = ""
|
|||
|
|
UrlNow = localStorage.getItem("urlNow")
|
|||
|
|
//console.log("新"+UrlNow)
|
|||
|
|
var UrlNowPublic = fdata.apipublicurl + 'all?'
|
|||
|
|
if (UrlNow !== UrlNowPublic) { //非完整默认公开库
|
|||
|
|
changeUrl = fdata.apipublicurl + 'all?'
|
|||
|
|
} else {
|
|||
|
|
if (fdata.jsonurl) {
|
|||
|
|
changeUrl = fdata.apipublicurl + 'postjson?jsonlink=' + fdata.jsonurl + "&"
|
|||
|
|
} else if (fdata.apiurl) {
|
|||
|
|
changeUrl = fdata.apiurl + 'all?'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
localStorage.setItem("urlNow", changeUrl)
|
|||
|
|
FetchFriendCircle(sortNow, changeUrl)
|
|||
|
|
} else {
|
|||
|
|
clearLocal();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 首次加载文章
|
|||
|
|
function FetchFriendCircle(sortNow, changeUrl) {
|
|||
|
|
var end = fdata.initnumber
|
|||
|
|
var fetchUrl = UrlNow + "rule=" + sortNow + "&start=0&end=" + end
|
|||
|
|
if (changeUrl) {
|
|||
|
|
fetchUrl = changeUrl + "rule=" + sortNow + "&start=0&end=" + end
|
|||
|
|
}
|
|||
|
|
//console.log(fetchUrl)
|
|||
|
|
fetch(fetchUrl)
|
|||
|
|
.then(res => res.json())
|
|||
|
|
.then(json => {
|
|||
|
|
var statisticalData = json.statistical_data;
|
|||
|
|
var articleData = eval(json.article_data);
|
|||
|
|
var articleSortData = sortNow + "ArticleData";
|
|||
|
|
loadStatistical(statisticalData);
|
|||
|
|
loadArticleItem(articleData, 0, end)
|
|||
|
|
localStorage.setItem("statisticalData", JSON.stringify(statisticalData))
|
|||
|
|
localStorage.setItem(articleSortData, JSON.stringify(articleData))
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 点击切换排序
|
|||
|
|
function changeSort(event) {
|
|||
|
|
sortNow = event.currentTarget.dataset.sort
|
|||
|
|
localStorage.setItem("sortNow", sortNow)
|
|||
|
|
document.querySelectorAll('.cf-new-add').forEach(el => el.remove());
|
|||
|
|
container.innerHTML = "";
|
|||
|
|
changeUrl = localStorage.getItem("urlNow")
|
|||
|
|
//console.log(changeUrl)
|
|||
|
|
initFriendCircle(sortNow, changeUrl)
|
|||
|
|
if (fdata.apiurl) {
|
|||
|
|
checkVersion()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//查询个人文章列表
|
|||
|
|
function openMeShow(event) {
|
|||
|
|
event.preventDefault()
|
|||
|
|
var parse_url = /^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/;
|
|||
|
|
var meLink = event.currentTarget.dataset.link.replace(parse_url, '$1:$2$3')
|
|||
|
|
console.log(meLink)
|
|||
|
|
var fetchUrl = ''
|
|||
|
|
if (fdata.apiurl) {
|
|||
|
|
fetchUrl = fdata.apiurl + "post?link=" + meLink
|
|||
|
|
} else {
|
|||
|
|
fetchUrl = fdata.apipublicurl + "post?link=" + meLink
|
|||
|
|
}
|
|||
|
|
//console.log(fetchUrl)
|
|||
|
|
if (noClick == 'ok') {
|
|||
|
|
noClick = 'no'
|
|||
|
|
fetchShow(fetchUrl)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 关闭 show
|
|||
|
|
function closeShow() {
|
|||
|
|
document.getElementById('cf-overlay').className -= 'cf-show-now';
|
|||
|
|
document.getElementById('cf-overshow').className -= 'cf-show-now';
|
|||
|
|
document.getElementById('cf-overshow').innerHTML = '';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 点击开往
|
|||
|
|
var noClick = 'ok';
|
|||
|
|
|
|||
|
|
function openToShow() {
|
|||
|
|
var fetchUrl = ''
|
|||
|
|
if (fdata.apiurl) {
|
|||
|
|
fetchUrl = fdata.apiurl + "post"
|
|||
|
|
} else {
|
|||
|
|
fetchUrl = fdata.apipublicurl + "post"
|
|||
|
|
}
|
|||
|
|
//console.log(fetchUrl)
|
|||
|
|
if (noClick == 'ok') {
|
|||
|
|
noClick = 'no'
|
|||
|
|
fetchShow(fetchUrl)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 展示个人文章列表
|
|||
|
|
function fetchShow(url) {
|
|||
|
|
var closeHtml = `
|
|||
|
|
<div class="cf-overshow-close" onclick="closeShow()"></div>
|
|||
|
|
`
|
|||
|
|
document.getElementById('cf-overlay').className = 'cf-show-now';
|
|||
|
|
document.getElementById('cf-overshow').insertAdjacentHTML('afterbegin', closeHtml);
|
|||
|
|
console.log("开往" + url)
|
|||
|
|
fetch(url)
|
|||
|
|
.then(res => res.json())
|
|||
|
|
.then(json => {
|
|||
|
|
//console.log(json)
|
|||
|
|
noClick = 'ok'
|
|||
|
|
var statisticalData = json.statistical_data;
|
|||
|
|
var articleData = eval(json.article_data);
|
|||
|
|
loadFcircleShow(statisticalData, articleData)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 初始化方法
|
|||
|
|
function initFriendCircle(sortNow, changeUrl) {
|
|||
|
|
var articleSortData = sortNow + "ArticleData";
|
|||
|
|
var localStatisticalData = JSON.parse(localStorage.getItem("statisticalData"));
|
|||
|
|
var localArticleData = JSON.parse(localStorage.getItem(articleSortData));
|
|||
|
|
container.innerHTML = "";
|
|||
|
|
FetchFriendCircle(sortNow, changeUrl);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 执行初始化
|
|||
|
|
if(document.getElementById('cf-container')){
|
|||
|
|
initFriendCircle(sortNow);
|
|||
|
|
}
|