630 lines
27 KiB
JavaScript
630 lines
27 KiB
JavaScript
(() => {
|
|
// <stdin>
|
|
window.addComment = function(v) {
|
|
var I, C, h, E = v.document, b = { commentReplyClass: "comment-reply-link", commentReplyTitleId: "reply-title", cancelReplyId: "cancel-comment-reply-link", commentFormId: "commentform", temporaryFormId: "wp-temp-form-div", parentIdFieldId: "comment_parent", postIdFieldId: "comment_post_ID" }, e = v.MutationObserver || v.WebKitMutationObserver || v.MozMutationObserver, r = "querySelector" in E && "addEventListener" in v, n = !!E.documentElement.dataset;
|
|
function t() {
|
|
d(), e && new e(o).observe(E.body, { childList: true, subtree: true });
|
|
}
|
|
function d(e2) {
|
|
if (r && (I = g(b.cancelReplyId), C = g(b.commentFormId), I)) {
|
|
let t3 = function(e3) {
|
|
if ((e3.metaKey || e3.ctrlKey) && 13 === e3.keyCode)
|
|
return C.removeEventListener("keydown", t3), e3.preventDefault(), C.submit.click(), false;
|
|
};
|
|
var t2 = t3;
|
|
I.addEventListener("touchstart", l), I.addEventListener("click", l);
|
|
C && C.addEventListener("keydown", t3);
|
|
for (var n2, d2 = function(e3) {
|
|
var t4 = b.commentReplyClass;
|
|
e3 && e3.childNodes || (e3 = E);
|
|
e3 = E.getElementsByClassName ? e3.getElementsByClassName(t4) : e3.querySelectorAll("." + t4);
|
|
return e3;
|
|
}(e2), o2 = 0, i = d2.length; o2 < i; o2++)
|
|
(n2 = d2[o2]).addEventListener("touchstart", a), n2.addEventListener("click", a);
|
|
}
|
|
}
|
|
function l(e2) {
|
|
var t2, n2, d2 = g(b.temporaryFormId);
|
|
d2 && h && (g(b.parentIdFieldId).value = "0", t2 = d2.textContent, d2.parentNode.replaceChild(h, d2), this.style.display = "none", n2 = (d2 = (d2 = g(b.commentReplyTitleId)) && d2.firstChild) && d2.nextSibling, d2 && d2.nodeType === Node.TEXT_NODE && t2 && (n2 && "A" === n2.nodeName && n2.id !== b.cancelReplyId && (n2.style.display = ""), d2.textContent = t2), e2.preventDefault());
|
|
}
|
|
function a(e2) {
|
|
var t2 = g(b.commentReplyTitleId), t2 = t2 && t2.firstChild.textContent, n2 = this, d2 = m(n2, "belowelement"), o2 = m(n2, "commentid"), i = m(n2, "respondelement"), r2 = m(n2, "postid"), n2 = m(n2, "replyto") || t2;
|
|
d2 && o2 && i && r2 && false === v.addComment.moveForm(d2, o2, i, r2, n2) && e2.preventDefault();
|
|
}
|
|
function o(e2) {
|
|
for (var t2 = e2.length; t2--; )
|
|
if (e2[t2].addedNodes.length)
|
|
return void d();
|
|
}
|
|
function m(e2, t2) {
|
|
return n ? e2.dataset[t2] : e2.getAttribute("data-" + t2);
|
|
}
|
|
function g(e2) {
|
|
return E.getElementById(e2);
|
|
}
|
|
return r && "loading" !== E.readyState ? t() : r && v.addEventListener("DOMContentLoaded", t, false), { init: d, moveForm: function(e2, t2, n2, d2, o2) {
|
|
var i, r2, l2, a2, m2, c, s, e2 = g(e2), n2 = (h = g(n2), g(b.parentIdFieldId)), y = g(b.postIdFieldId), p = g(b.commentReplyTitleId), u = (p = p && p.firstChild) && p.nextSibling;
|
|
if (e2 && h && n2) {
|
|
void 0 === o2 && (o2 = p && p.textContent), a2 = h, m2 = b.temporaryFormId, c = g(m2), s = (s = g(b.commentReplyTitleId)) ? s.firstChild.textContent : "", c || ((c = E.createElement("div")).id = m2, c.style.display = "none", c.textContent = s, a2.parentNode.insertBefore(c, a2)), d2 && y && (y.value = d2), n2.value = t2, I.style.display = "", e2.parentNode.insertBefore(h, e2.nextSibling), p && p.nodeType === Node.TEXT_NODE && (u && "A" === u.nodeName && u.id !== b.cancelReplyId && (u.style.display = "none"), p.textContent = o2), I.onclick = function() {
|
|
return false;
|
|
};
|
|
try {
|
|
for (var f = 0; f < C.elements.length; f++)
|
|
if (i = C.elements[f], r2 = false, "getComputedStyle" in v ? l2 = v.getComputedStyle(i) : E.documentElement.currentStyle && (l2 = i.currentStyle), (i.offsetWidth <= 0 && i.offsetHeight <= 0 || "hidden" === l2.visibility) && (r2 = true), "hidden" !== i.type && !i.disabled && !r2) {
|
|
i.focus();
|
|
break;
|
|
}
|
|
} catch (e3) {
|
|
}
|
|
return false;
|
|
}
|
|
} };
|
|
}(window);
|
|
})();
|
|
/*! This file is auto-generated */
|
|
|
|
;
|
|
(() => {
|
|
// <stdin>
|
|
var FARALLON_DOUBAN = class {
|
|
ver;
|
|
type;
|
|
finished;
|
|
paged;
|
|
genre_list;
|
|
subjects;
|
|
genre;
|
|
baseAPI = "https://node.wpista.com/v1/outer/";
|
|
token;
|
|
constructor(config) {
|
|
this.ver = "1.0.1";
|
|
this.type = "movie";
|
|
this.finished = false;
|
|
this.paged = 1;
|
|
this.genre_list = [];
|
|
this.genre = [];
|
|
this.subjects = [];
|
|
this.token = config.token;
|
|
this._create();
|
|
}
|
|
on(t, e, n) {
|
|
var a = document.querySelectorAll(e);
|
|
a.forEach((item) => {
|
|
item.addEventListener(t, n);
|
|
});
|
|
}
|
|
_fetchGenres() {
|
|
document.querySelector(".db--genres").innerHTML = "";
|
|
fetch(
|
|
this.baseAPI + "genres?token=" + this.token + "&type=" + this.type
|
|
).then((response) => response.json()).then((t) => {
|
|
if (t.data.length) {
|
|
this.genre_list = t.data;
|
|
this._renderGenre();
|
|
}
|
|
});
|
|
}
|
|
_handleGenreClick() {
|
|
this.on("click", ".db--genreItem", (t) => {
|
|
const self = t.currentTarget;
|
|
if (self.classList.contains("is-active")) {
|
|
const index = this.genre.indexOf(self.innerText);
|
|
self.classList.remove("is-active");
|
|
this.genre.splice(index, 1);
|
|
this.paged = 1;
|
|
this.finished = false;
|
|
this.subjects = [];
|
|
this._fetchData();
|
|
return;
|
|
}
|
|
document.querySelector(".db--list").innerHTML = "";
|
|
document.querySelector(".lds-ripple").classList.remove("u-hide");
|
|
self.classList.add("is-active");
|
|
this.genre.push(self.innerText);
|
|
this.paged = 1;
|
|
this.finished = false;
|
|
this.subjects = [];
|
|
this._fetchData();
|
|
return;
|
|
});
|
|
}
|
|
_renderGenre() {
|
|
document.querySelector(".db--genres").innerHTML = this.genre_list.map((item) => {
|
|
return `<span class="db--genreItem${this.genre_list.includes(item.name) ? " is-active" : ""}">${item.name}</span>`;
|
|
}).join("");
|
|
this._handleGenreClick();
|
|
}
|
|
_fetchData() {
|
|
fetch(
|
|
this.baseAPI + "faves?token=" + this.token + "&type=" + this.type + "&paged=" + this.paged + "&genre=" + JSON.stringify(this.genre)
|
|
).then((response) => response.json()).then((t) => {
|
|
if (t.data.length) {
|
|
if (document.querySelector(".db--list").classList.contains("db--list__card")) {
|
|
this.subjects = [...this.subjects, ...t.data];
|
|
this._randerDateTemplate();
|
|
} else {
|
|
this.subjects = [...this.subjects, ...t.data];
|
|
this._randerListTemplate();
|
|
}
|
|
document.querySelector(".lds-ripple").classList.add("u-hide");
|
|
} else {
|
|
this.finished = true;
|
|
document.querySelector(".lds-ripple").classList.add("u-hide");
|
|
}
|
|
});
|
|
}
|
|
_randerDateTemplate() {
|
|
const result = this.subjects.reduce((result2, item) => {
|
|
const date = new Date(item.create_time);
|
|
const year = date.getFullYear();
|
|
const month = date.getMonth() + 1;
|
|
const key = `${year}-${month.toString().padStart(2, "0")}`;
|
|
if (Object.prototype.hasOwnProperty.call(result2, key)) {
|
|
result2[key].push(item);
|
|
} else {
|
|
result2[key] = [item];
|
|
}
|
|
return result2;
|
|
}, {});
|
|
let html = ``;
|
|
for (let key in result) {
|
|
const date = key.split("-");
|
|
html += `<div class="db--listBydate"><div class="db--titleDate "><div class="db--titleDate__day">${date[1]}</div><div class="db--titleDate__month">${date[0]}</div></div><div class="db--dateList__card">`;
|
|
html += result[key].map((movie) => {
|
|
return `<div class="db--item">${movie.is_top250 ? '<span class="top250">Top 250</span>' : ""}<img src="${movie.poster}" referrerpolicy="no-referrer" class="db--image"><div class="db--score ">${movie.douban_score > 0 ? '<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" ><path d="M12 20.1l5.82 3.682c1.066.675 2.37-.322 2.09-1.584l-1.543-6.926 5.146-4.667c.94-.85.435-2.465-.799-2.567l-6.773-.602L13.29.89a1.38 1.38 0 0 0-2.581 0l-2.65 6.53-6.774.602C.052 8.126-.453 9.74.486 10.59l5.147 4.666-1.542 6.926c-.28 1.262 1.023 2.26 2.09 1.585L12 20.099z"></path></svg>' + movie.douban_score : ""}${movie.year > 0 ? " \xB7 " + movie.year : ""}</div><div class="db--title"><a href="${movie.link}" target="_blank">${movie.name}</a></div></div>`;
|
|
}).join("");
|
|
html += `</div></div>`;
|
|
}
|
|
document.querySelector(".db--list").innerHTML = html;
|
|
}
|
|
_randerListTemplate() {
|
|
document.querySelector(".db--list").innerHTML = this.subjects.map((item) => {
|
|
return `<div class="db--item">${item.is_top250 ? '<span class="top250">Top 250</span>' : ""}<img src="${item.poster}" referrerpolicy="no-referrer" class="db--image"><div class="ipc-signpost ">${item.create_time}</div><div class="db--score ">${item.douban_score > 0 ? '<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" ><path d="M12 20.1l5.82 3.682c1.066.675 2.37-.322 2.09-1.584l-1.543-6.926 5.146-4.667c.94-.85.435-2.465-.799-2.567l-6.773-.602L13.29.89a1.38 1.38 0 0 0-2.581 0l-2.65 6.53-6.774.602C.052 8.126-.453 9.74.486 10.59l5.147 4.666-1.542 6.926c-.28 1.262 1.023 2.26 2.09 1.585L12 20.099z"></path></svg>' + item.douban_score : ""}${item.year > 0 ? " \xB7 " + item.year : ""}</div><div class="db--title"><a href="${item.link}" target="_blank">${item.name}</a></div>
|
|
</div>
|
|
</div>`;
|
|
}).join("");
|
|
}
|
|
_handleScroll() {
|
|
window.addEventListener("scroll", () => {
|
|
var t = window.scrollY || window.pageYOffset;
|
|
const moreElement = document.querySelector(
|
|
".block-more"
|
|
);
|
|
if (moreElement.offsetTop + -window.innerHeight < t && document.querySelector(".lds-ripple").classList.contains("u-hide") && !this.finished) {
|
|
document.querySelector(".lds-ripple").classList.remove("u-hide");
|
|
this.paged++;
|
|
this._fetchData();
|
|
}
|
|
});
|
|
}
|
|
_handleNavClick() {
|
|
this.on("click", ".db--navItem", (t) => {
|
|
if (t.currentTarget.classList.contains("current"))
|
|
return;
|
|
this.genre = [];
|
|
this.type = t.currentTarget.dataset.type;
|
|
if (this.type != "book") {
|
|
this._fetchGenres();
|
|
document.querySelector(".db--genres")?.classList.remove("u-hide");
|
|
} else {
|
|
document.querySelector(".db--genres").classList.add("u-hide");
|
|
}
|
|
document.querySelector(".db--list").innerHTML = "";
|
|
document.querySelector(".lds-ripple").classList.remove("u-hide");
|
|
document.querySelector(".db--navItem.current").classList.remove("current");
|
|
const self = t.target;
|
|
self.classList.add("current");
|
|
this.paged = 1;
|
|
this.finished = false;
|
|
this.subjects = [];
|
|
this._fetchData();
|
|
});
|
|
}
|
|
_create() {
|
|
if (document.querySelector(".db--container")) {
|
|
const container = document.querySelector(
|
|
".db--container"
|
|
);
|
|
if (container.dataset.token) {
|
|
this.token = container.dataset.token;
|
|
} else {
|
|
return;
|
|
}
|
|
const currentNavItem = document.querySelector(
|
|
".db--navItem.current"
|
|
);
|
|
if (currentNavItem instanceof HTMLElement) {
|
|
this.type = currentNavItem.dataset.type;
|
|
}
|
|
const currentType = document.querySelector(
|
|
".db--list"
|
|
);
|
|
if (currentType.dataset.type)
|
|
this.type = currentType.dataset.type;
|
|
if (this.type == "movie") {
|
|
document.querySelector(".db--genres").classList.remove("u-hide");
|
|
}
|
|
this._fetchGenres();
|
|
this._fetchData();
|
|
this._handleScroll();
|
|
this._handleNavClick();
|
|
}
|
|
if (document.querySelector(".js-db")) {
|
|
document.querySelectorAll(".js-db").forEach((item) => {
|
|
const db = item;
|
|
const id = db.dataset.id;
|
|
const type = db.dataset.type;
|
|
const nodeParent = db.parentNode;
|
|
fetch(
|
|
// @ts-ignore
|
|
this.baseAPI + `${type}/${id}?token=${this.token}`
|
|
).then((response) => {
|
|
response.json().then((t) => {
|
|
if (t.data) {
|
|
const data = t.data;
|
|
const node = document.createElement("div");
|
|
node.classList.add("doulist-item");
|
|
node.innerHTML = `<div class="doulist-subject">
|
|
<div class="doulist-post"><img decoding="async" referrerpolicy="no-referrer" src="${data.poster}"></div>
|
|
<div class="doulist-content">
|
|
<div class="doulist-title"><a href="${data.link}" class="cute" target="_blank" rel="external nofollow">${data.name}</a></div>
|
|
<div class="rating"><span class="allstardark"><span class="allstarlight" style="width:55%"></span></span><span class="rating_nums"> ${data.douban_score} </span></div>
|
|
<div class="abstract">${data.card_subtitle}</div>
|
|
</div>
|
|
</div>`;
|
|
nodeParent.replaceWith(node);
|
|
}
|
|
});
|
|
});
|
|
});
|
|
}
|
|
if (document.querySelector(".db--collection")) {
|
|
document.querySelectorAll(".db--collection").forEach((item) => {
|
|
this._fetchCollection(item);
|
|
});
|
|
}
|
|
}
|
|
_fetchCollection(item) {
|
|
const type = item.dataset.style ? item.dataset.style : "card";
|
|
fetch(
|
|
// @ts-ignore
|
|
obvInit.api + "v1/movies?type=" + item.dataset.type + "&paged=1&genre=&start_time=" + item.dataset.start + "&end_time=" + item.dataset.end
|
|
).then((response) => response.json()).then((t) => {
|
|
if (t.length) {
|
|
if (type == "card") {
|
|
item.innerHTML += t.map((movie) => {
|
|
return `<div class="doulist-item">
|
|
<div class="doulist-subject">
|
|
<div class="db--viewTime ">Marked ${movie.create_time}</div>
|
|
<div class="doulist-post"><img referrerpolicy="no-referrer" src="${movie.poster}"></div><div class="doulist-content"><div class="doulist-title"><a href="${movie.link}" class="cute" target="_blank" rel="external nofollow">${movie.name}</a></div><div class="rating"><span class="allstardark"><span class="allstarlight" style="width:75%"></span></span><span class="rating_nums">${movie.douban_score}</span></div><div class="abstract">${movie.remark || movie.card_subtitle}</div></div></div></div>`;
|
|
}).join("");
|
|
} else {
|
|
const result = t.reduce((result2, item2) => {
|
|
if (Object.prototype.hasOwnProperty.call(
|
|
result2,
|
|
item2.create_time
|
|
)) {
|
|
result2[item2.create_time].push(item2);
|
|
} else {
|
|
result2[item2.create_time] = [item2];
|
|
}
|
|
return result2;
|
|
}, {});
|
|
let html = ``;
|
|
for (let key in result) {
|
|
html += `<div class="db--date">${key}</div><div class="db--dateList">`;
|
|
html += result[key].map((movie) => {
|
|
return `<div class="db--card__list"">
|
|
<img referrerpolicy="no-referrer" src="${movie.poster}">
|
|
<div>
|
|
<div class="title"><a href="${movie.link}" class="cute" target="_blank" rel="external nofollow">${movie.name}</a></div>
|
|
<div class="rating"><span class="allstardark"><span class="allstarlight" style="width:75%"></span></span><span class="rating_nums">${movie.douban_score}</span></div>
|
|
${movie.remark || movie.card_subtitle}
|
|
</div>
|
|
</div>`;
|
|
}).join("");
|
|
html += `</div>`;
|
|
}
|
|
item.innerHTML = html;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
};
|
|
new FARALLON_DOUBAN({
|
|
// @ts-ignore
|
|
token: window.WPD_TOKEN
|
|
});
|
|
})();
|
|
|
|
;
|
|
(() => {
|
|
// ns-hugo:E:\OneDrive\桌面\suxiaoxiao\bigfa\bigfa.github.io\themes\farallon\assets\ts\utils.ts
|
|
var farallonHelper = class {
|
|
getCookie(t) {
|
|
if (0 < document.cookie.length) {
|
|
var e = document.cookie.indexOf(t + "=");
|
|
if (-1 != e) {
|
|
e = e + t.length + 1;
|
|
var n = document.cookie.indexOf(";", e);
|
|
return -1 == n && (n = document.cookie.length), document.cookie.substring(e, n);
|
|
}
|
|
}
|
|
return "";
|
|
}
|
|
setCookie(t, e, n) {
|
|
var o = /* @__PURE__ */ new Date();
|
|
o.setTime(o.getTime() + 24 * n * 60 * 60 * 1e3);
|
|
var i = "expires=" + o.toUTCString();
|
|
document.cookie = t + "=" + e + ";" + i + ";path=/";
|
|
}
|
|
showNotice(message, type = "success") {
|
|
const html = `<div class="notice--wrapper">${message}</div>`;
|
|
document.querySelector("body").insertAdjacentHTML("beforeend", html);
|
|
document.querySelector(".notice--wrapper").classList.add("is-active");
|
|
setTimeout(() => {
|
|
document.querySelector(".notice--wrapper").remove();
|
|
}, 3e3);
|
|
}
|
|
};
|
|
|
|
// ns-hugo:E:\OneDrive\桌面\suxiaoxiao\bigfa\bigfa.github.io\themes\farallon\assets\ts\date.ts
|
|
var farallonDate = class {
|
|
selector;
|
|
timeFormat = {
|
|
second: "second ago",
|
|
seconds: "seconds ago",
|
|
minute: "minute ago",
|
|
minutes: "minutes ago",
|
|
hour: "hour ago",
|
|
hours: "hours ago",
|
|
day: "day ago",
|
|
days: "days ago",
|
|
week: "week ago",
|
|
weeks: "weeks ago",
|
|
month: "month ago",
|
|
months: "months ago",
|
|
year: "year ago",
|
|
years: "years ago"
|
|
};
|
|
doms = [];
|
|
constructor(config) {
|
|
this.selector = config.selector;
|
|
if (config.timeFormat) {
|
|
this.timeFormat = config.timeFormat;
|
|
}
|
|
this.init();
|
|
setTimeout(() => {
|
|
this.refresh();
|
|
}, 1e3 * 5);
|
|
}
|
|
init() {
|
|
this.doms = Array.from(document.querySelectorAll(this.selector));
|
|
this.doms.forEach((dom) => {
|
|
dom.innerText = this.humanize_time_ago(
|
|
dom.attributes["datetime"].value
|
|
);
|
|
});
|
|
}
|
|
humanize_time_ago(datetime) {
|
|
const time = new Date(datetime);
|
|
const between = Date.now() / 1e3 - Number(time.getTime() / 1e3);
|
|
if (between < 3600) {
|
|
return `${Math.ceil(between / 60)} ${Math.ceil(between / 60) == 1 ? this.timeFormat.second : this.timeFormat.seconds}`;
|
|
} else if (between < 86400) {
|
|
return `${Math.ceil(between / 3600)} ${Math.ceil(between / 3660) == 1 ? this.timeFormat.hour : this.timeFormat.hours}`;
|
|
} else if (between < 86400 * 30) {
|
|
return `${Math.ceil(between / 86400)} ${Math.ceil(between / 86400) == 1 ? this.timeFormat.day : this.timeFormat.days}`;
|
|
} else if (between < 86400 * 30 * 12) {
|
|
return `${Math.ceil(between / (86400 * 30))} ${Math.ceil(between / (86400 * 30)) == 1 ? this.timeFormat.month : this.timeFormat.months}`;
|
|
} else {
|
|
return time.getFullYear() + "-" + (time.getMonth() + 1) + "-" + time.getDate();
|
|
}
|
|
}
|
|
refresh() {
|
|
this.doms.forEach((dom) => {
|
|
dom.innerText = this.humanize_time_ago(
|
|
dom.attributes["datetime"].value
|
|
);
|
|
});
|
|
}
|
|
};
|
|
var date_default = farallonDate;
|
|
|
|
// ns-hugo:E:\OneDrive\桌面\suxiaoxiao\bigfa\bigfa.github.io\themes\farallon\assets\ts\action.ts
|
|
var farallonActions = class extends farallonHelper {
|
|
singleSelector = ".post--single";
|
|
likeButtonSelctor = ".like-btn";
|
|
articleSelector = ".post--item";
|
|
viewSelector = ".article--views";
|
|
actionDomain;
|
|
text = "";
|
|
likeButton = null;
|
|
post_id;
|
|
is_single = false;
|
|
constructor(config) {
|
|
super();
|
|
this.singleSelector = config.singleSelector ?? this.singleSelector;
|
|
this.likeButtonSelctor = config.likeButtonSelctor ?? this.likeButtonSelctor;
|
|
this.articleSelector = config.articleSelector ?? this.articleSelector;
|
|
this.viewSelector = config.viewSelector ?? this.viewSelector;
|
|
this.actionDomain = config.actionDomain;
|
|
this.text = config.text ?? this.text;
|
|
this.is_single = document.querySelector(this.singleSelector) ? true : false;
|
|
if (this.is_single) {
|
|
const postSingle = document.querySelector(
|
|
this.singleSelector
|
|
);
|
|
this.post_id = postSingle.dataset.id ?? "";
|
|
this.initArticleLike();
|
|
}
|
|
}
|
|
initArticleLike() {
|
|
this.likeButton = document.querySelector(this.likeButtonSelctor);
|
|
if (this.likeButton) {
|
|
fetch(this.actionDomain + "post/" + this.post_id + "/like").then(
|
|
(res) => {
|
|
res.json().then((data) => {
|
|
this.likeButton.querySelector(
|
|
".count"
|
|
).innerText = data.likes;
|
|
});
|
|
}
|
|
);
|
|
this.likeButton.addEventListener("click", () => {
|
|
this.handleLike();
|
|
});
|
|
if (this.getCookie("like_" + this.post_id)) {
|
|
this.likeButton.classList.add("is-active");
|
|
}
|
|
}
|
|
}
|
|
handleLike() {
|
|
if (this.getCookie("like_" + this.post_id)) {
|
|
return this.showNotice("You have already liked this post");
|
|
}
|
|
if (this.likeButton) {
|
|
const url = this.actionDomain + "post/" + this.post_id + "/like";
|
|
fetch(url, {
|
|
method: "post"
|
|
}).then((response) => {
|
|
return response.json();
|
|
}).then((data) => {
|
|
this.showNotice("Thanks for your like");
|
|
const countElement = this.likeButton?.querySelector(
|
|
".count"
|
|
);
|
|
if (countElement) {
|
|
countElement.innerText = data.likes;
|
|
}
|
|
this.setCookie("like_" + this.post_id, "1", 1);
|
|
});
|
|
this.likeButton?.classList.add("is-active");
|
|
}
|
|
}
|
|
};
|
|
var action_default = farallonActions;
|
|
|
|
// <stdin>
|
|
var farallonBase = class extends farallonHelper {
|
|
is_single = false;
|
|
post_id = 0;
|
|
is_archive = false;
|
|
VERSION = "0.4.1";
|
|
like_btn;
|
|
selctor = ".like-btn";
|
|
// @ts-ignore
|
|
actionDomain = window.actionDomain;
|
|
constructor() {
|
|
super();
|
|
this.initCopyright();
|
|
this.initThemeSwitch();
|
|
this.initBack2Top();
|
|
this.initSearch();
|
|
}
|
|
initSearch() {
|
|
document.querySelector('[data-action="show-search"]').addEventListener("click", () => {
|
|
document.querySelector(".site--header__center .inner").classList.toggle("search--active");
|
|
});
|
|
}
|
|
initBack2Top() {
|
|
if (document.querySelector(".backToTop")) {
|
|
const backToTop = document.querySelector(
|
|
".backToTop"
|
|
);
|
|
window.addEventListener("scroll", () => {
|
|
const t = window.scrollY || window.pageYOffset;
|
|
t > 200 ? backToTop.classList.add("is-active") : backToTop.classList.remove("is-active");
|
|
});
|
|
backToTop.addEventListener("click", () => {
|
|
window.scrollTo({ top: 0, behavior: "smooth" });
|
|
});
|
|
}
|
|
}
|
|
initCopyright() {
|
|
const copyright = `<div class="site--footer__info">
|
|
Theme <a href="https://fatesinger.com/101971" target="_blank">farallon</a> by bigfa / version ${this.VERSION}
|
|
</div>`;
|
|
document.querySelector(".site--footer__content").insertAdjacentHTML("afterend", copyright);
|
|
document.querySelector(".icon--copryrights").addEventListener("click", () => {
|
|
document.querySelector(".site--footer__info").classList.toggle("active");
|
|
});
|
|
}
|
|
initThemeSwitch() {
|
|
const theme = localStorage.getItem("theme") ? localStorage.getItem("theme") : "auto";
|
|
const html = `<div class="fixed--theme">
|
|
<span class="${theme == "dark" ? "is-active" : ""}" data-action-value="dark">
|
|
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round"
|
|
stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"
|
|
style="color: currentcolor; width: 16px; height: 16px;">
|
|
<path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
|
|
</svg>
|
|
</span>
|
|
<span class="${theme == "light" ? "is-active" : ""}" data-action-value="light">
|
|
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round"
|
|
stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"
|
|
style="color: currentcolor; width: 16px; height: 16px;">
|
|
<circle cx="12" cy="12" r="5"></circle>
|
|
<path d="M12 1v2"></path>
|
|
<path d="M12 21v2"></path>
|
|
<path d="M4.22 4.22l1.42 1.42"></path>
|
|
<path d="M18.36 18.36l1.42 1.42"></path>
|
|
<path d="M1 12h2"></path>
|
|
<path d="M21 12h2"></path>
|
|
<path d="M4.22 19.78l1.42-1.42"></path>
|
|
<path d="M18.36 5.64l1.42-1.42"></path>
|
|
</svg>
|
|
</span>
|
|
<span class="${theme == "auto" ? "is-active" : ""}" data-action-value="auto">
|
|
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round"
|
|
stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"
|
|
style="color: currentcolor; width: 16px; height: 16px;">
|
|
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
|
|
<path d="M8 21h8"></path>
|
|
<path d="M12 17v4"></path>
|
|
</svg>
|
|
</span>
|
|
</div>`;
|
|
document.querySelector("body").insertAdjacentHTML("beforeend", html);
|
|
document.querySelectorAll(".fixed--theme span").forEach((item) => {
|
|
item.addEventListener("click", () => {
|
|
if (item.classList.contains("is-active"))
|
|
return;
|
|
document.querySelectorAll(".fixed--theme span").forEach((item2) => {
|
|
item2.classList.remove("is-active");
|
|
});
|
|
if (item.dataset.actionValue == "dark") {
|
|
localStorage.setItem("theme", "dark");
|
|
document.querySelector("body").classList.remove("auto");
|
|
document.querySelector("body").classList.add("dark");
|
|
item.classList.add("is-active");
|
|
} else if (item.dataset.actionValue == "light") {
|
|
localStorage.setItem("theme", "light");
|
|
document.querySelector("body").classList.remove("auto");
|
|
document.querySelector("body").classList.remove("dark");
|
|
item.classList.add("is-active");
|
|
} else if (item.dataset.actionValue == "auto") {
|
|
localStorage.setItem("theme", "auto");
|
|
document.querySelector("body").classList.remove("dark");
|
|
document.querySelector("body").classList.add("auto");
|
|
item.classList.add("is-active");
|
|
}
|
|
});
|
|
});
|
|
}
|
|
};
|
|
new action_default({
|
|
singleSelector: ".post--single",
|
|
articleSelector: ".post--item",
|
|
likeButtonSelctor: ".like-btn",
|
|
// @ts-ignore
|
|
actionDomain: window.actionDomain
|
|
});
|
|
new farallonBase();
|
|
new date_default({
|
|
selector: ".humane--time",
|
|
//@ts-ignore
|
|
timeFormat: window.timeFormat
|
|
});
|
|
})();
|