rui-neng/public/themes/dist_static/static/js/news2.js

//#region js/news.js
var NEWS_CATEGORY_PARAM = "cat";
var NEWS_CATEGORIES = [
	"all",
	"insight",
	"company",
	"event"
];
function setActiveNav() {
	const pageNav = document.querySelector("[data-nav]")?.getAttribute("data-nav");
	if (!pageNav) return;
	document.querySelectorAll(".site-header__nav a").forEach((link) => {
		const active = link.textContent.trim().startsWith(pageNav);
		link.classList.toggle("is-active", active);
	});
}
function newsDetailBackToggle() {
	const back = document.querySelector(".nd-back");
	const pager = document.querySelector(".nd-pager");
	if (!back || !pager) return;
	if (window.innerWidth <= 576) return;
	new IntersectionObserver(([entry]) => {
		const fullyVisible = entry.isIntersecting && entry.intersectionRatio >= 1;
		back.classList.toggle("is-hidden", fullyVisible);
		back.setAttribute("aria-hidden", fullyVisible ? "true" : "false");
		if (fullyVisible) back.setAttribute("tabindex", "-1");
		else back.removeAttribute("tabindex");
	}, { threshold: 1 }).observe(pager);
}
var featuredSwiper = null;
function getCategoryFromQuery() {
	const cat = new URLSearchParams(window.location.search).get(NEWS_CATEGORY_PARAM);
	if (!cat || cat === "all") return "all";
	return NEWS_CATEGORIES.includes(cat) ? cat : "all";
}
function setCategoryInUrl(cat) {
	const url = new URL(window.location.href);
	if (!cat || cat === "all") url.searchParams.delete(NEWS_CATEGORY_PARAM);
	else url.searchParams.set(NEWS_CATEGORY_PARAM, cat);
	window.history.replaceState(null, "", url);
}
function activateTab(cat) {
	document.querySelectorAll(".n-tabs__item").forEach((btn) => {
		const isActive = (btn.dataset.cat || "all") === cat;
		btn.classList.toggle("is-active", isActive);
		btn.setAttribute("aria-selected", isActive ? "true" : "false");
	});
}
function filterNews(cat) {
	const isMatch = (itemCat) => cat === "all" || itemCat === cat;
	document.querySelectorAll(".n-featured__slide[data-category]").forEach((slide) => {
		slide.hidden = !isMatch(slide.dataset.category);
	});
	document.querySelectorAll(".n-card[data-category]").forEach((card) => {
		card.hidden = !isMatch(card.dataset.category);
	});
	const featured = document.querySelector(".n-featured");
	if (!featured) return;
	featured.hidden = featured.querySelectorAll(".n-featured__slide:not([hidden])").length === 0;
}
function updateFeaturedSwiper() {
	const root = document.querySelector(".n-featured");
	const el = root?.querySelector(".n-featured__swiper");
	if (!el || !window.Swiper) return;
	if (featuredSwiper) {
		featuredSwiper.destroy(true, true);
		featuredSwiper = null;
	}
	if (!root || root.hidden) return;
	const slideCount = el.querySelectorAll(".swiper-wrapper > .swiper-slide:not([hidden])").length;
	if (slideCount <= 1) return;
	featuredSwiper = new window.Swiper(el, {
		effect: "fade",
		fadeEffect: { crossFade: true },
		loop: slideCount > 1,
		speed: 500,
		observer: true,
		observeParents: true,
		watchOverflow: true,
		navigation: {
			prevEl: root.querySelector(".n-featured__nav .s-arrows__prev"),
			nextEl: root.querySelector(".n-featured__nav .s-arrows__next")
		}
	});
}
function applyCategory(cat) {
	activateTab(cat);
	filterNews(cat);
	updateFeaturedSwiper();
}
function initNewsTabs() {
	const tabs = document.querySelector(".n-tabs");
	if (!tabs) return;
	applyCategory(getCategoryFromQuery());
	tabs.addEventListener("click", (event) => {
		const btn = event.target.closest(".n-tabs__item");
		if (!btn) return;
		const cat = btn.dataset.cat || "all";
		setCategoryInUrl(cat);
		applyCategory(cat);
	});
	window.addEventListener("popstate", () => {
		applyCategory(getCategoryFromQuery());
	});
}
function newsCardClick() {
	$(".n-card, .n-featured").on("click", function(event) {
		if ($(event.target).closest("a, button").length) return;
		const $root = $(this);
		const href = $root.hasClass("n-featured") ? $root.find(".swiper-slide-active a[href]").attr("href") : $root.find("a[href]").first().attr("href");
		if (href) window.location.href = href;
	});
}
$(function() {
	setActiveNav();
	newsDetailBackToggle();
	initNewsTabs();
	newsCardClick();
});
//#endregion