145 lines
4.3 KiB
JavaScript
145 lines
4.3 KiB
JavaScript
/**
|
|
* AKSRT Misc — related swiper, slide covers, hidden content
|
|
*/
|
|
(function () {
|
|
"use strict";
|
|
|
|
function initRelatedSwiper() {
|
|
var el = document.querySelector(".related-swiper[data-swiper-config]");
|
|
if (!el || typeof Swiper === "undefined") return;
|
|
|
|
var config = {};
|
|
try { config = JSON.parse(el.dataset.swiperConfig || "{}"); } catch (e) {}
|
|
new Swiper(el, Object.assign({
|
|
slidesPerView: "auto",
|
|
spaceBetween: 12,
|
|
freeMode: true,
|
|
navigation: {
|
|
nextEl: ".related-swiper-next",
|
|
prevEl: ".related-swiper-prev",
|
|
},
|
|
}, config));
|
|
}
|
|
|
|
window.AksrtFrontend.register("aksrt-related-swiper", function () { initRelatedSwiper(); });
|
|
})();
|
|
|
|
(function () {
|
|
"use strict";
|
|
|
|
function initSlideCovers() {
|
|
var covers = document.querySelectorAll(".single-cover--slide");
|
|
covers.forEach(function (cover) {
|
|
var slides = cover.querySelectorAll(".single-cover__slide");
|
|
var dots = cover.querySelectorAll(".single-cover__dot");
|
|
if (slides.length < 2) return;
|
|
|
|
var current = 0;
|
|
var interval = 5000;
|
|
|
|
function goTo(idx) {
|
|
slides[current].classList.remove("is-active");
|
|
if (dots[current]) dots[current].classList.remove("is-active");
|
|
current = idx;
|
|
slides[current].classList.add("is-active");
|
|
if (dots[current]) dots[current].classList.add("is-active");
|
|
}
|
|
|
|
var timer = setInterval(function () {
|
|
goTo((current + 1) % slides.length);
|
|
}, interval);
|
|
|
|
dots.forEach(function (dot, i) {
|
|
dot.addEventListener("click", function () {
|
|
clearInterval(timer);
|
|
goTo(i);
|
|
timer = setInterval(function () {
|
|
goTo((current + 1) % slides.length);
|
|
}, interval);
|
|
});
|
|
});
|
|
});
|
|
}
|
|
|
|
if (document.readyState === "loading") {
|
|
document.addEventListener("DOMContentLoaded", initSlideCovers);
|
|
} else {
|
|
initSlideCovers();
|
|
}
|
|
})();
|
|
|
|
(function () {
|
|
"use strict";
|
|
|
|
function initHiddenContent() {
|
|
document.addEventListener("click", function (e) {
|
|
var btn = e.target.closest(".aksrt-hidden-content__submit-btn");
|
|
if (!btn) return;
|
|
|
|
e.preventDefault();
|
|
var wrapper = btn.closest(".aksrt-hidden-content--locked");
|
|
if (!wrapper) return;
|
|
|
|
var mode = wrapper.getAttribute("data-aksrt-visibility-mode");
|
|
var pid = wrapper.getAttribute("data-aksrt-visibility-pid");
|
|
var input = wrapper.querySelector(".aksrt-hidden-content__password-input");
|
|
var password = input ? input.value.trim() : "";
|
|
|
|
if (mode === "password" && !password) {
|
|
if (input) input.focus();
|
|
return;
|
|
}
|
|
|
|
var formData = new FormData();
|
|
formData.append("action", "aksrt_check_visibility");
|
|
formData.append("_nonce", (window.aksrtData && aksrtData.visibilityNonce) || "");
|
|
formData.append("mode", mode);
|
|
formData.append("pid", pid);
|
|
if (password) formData.append("password", password);
|
|
|
|
btn.disabled = true;
|
|
btn.textContent = "...";
|
|
|
|
fetch((window.aksrtData && aksrtData.ajaxUrl) || "/wp-admin/admin-ajax.php", {
|
|
method: "POST",
|
|
body: formData,
|
|
credentials: "same-origin",
|
|
})
|
|
.then(function (res) { return res.json(); })
|
|
.then(function (data) {
|
|
if (data.success) {
|
|
window.location.reload();
|
|
} else {
|
|
var msg = (data.data && data.data.message) ? data.data.message : "验证失败";
|
|
alert(msg);
|
|
btn.disabled = false;
|
|
btn.textContent = "验证";
|
|
}
|
|
})
|
|
.catch(function () {
|
|
alert("网络错误,请重试");
|
|
btn.disabled = false;
|
|
btn.textContent = "验证";
|
|
});
|
|
});
|
|
|
|
// Handle Enter key on password input
|
|
document.addEventListener("keydown", function (e) {
|
|
if (e.key === "Enter" && e.target.classList.contains("aksrt-hidden-content__password-input")) {
|
|
e.preventDefault();
|
|
var wrapper = e.target.closest(".aksrt-hidden-content--locked");
|
|
if (wrapper) {
|
|
var btn = wrapper.querySelector(".aksrt-hidden-content__submit-btn");
|
|
if (btn) btn.click();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
if (document.readyState === "loading") {
|
|
document.addEventListener("DOMContentLoaded", initHiddenContent);
|
|
} else {
|
|
initHiddenContent();
|
|
}
|
|
})();
|