shkola/wp-content/themes/dekart/assets/js/reviews-page.js

/**
 * reviews-page.js — интерактив для page-reviews.php
 * Анимации, фильтры, sticky CTA, FAQ, пагинация
 *
 * @package Dekart
 */

document.addEventListener('DOMContentLoaded', function () {
	'use strict';

	// ───────────────────────────────────────────────
	// 1. АНИМАЦИЯ ПОЯВЛЕНИЯ (Intersection Observer)
	//    fallback — add.js тоже содержит этот код
	// ───────────────────────────────────────────────
	const revealElements = document.querySelectorAll('.reveal');
	if (revealElements.length && 'IntersectionObserver' in window) {
		const observer = new IntersectionObserver(
			function (entries) {
				entries.forEach(function (entry) {
					if (entry.isIntersecting) {
						entry.target.classList.add('reveal--visible');
						observer.unobserve(entry.target);
					}
				});
			},
			{ threshold: 0.1 }
		);
		revealElements.forEach(function (el) {
			observer.observe(el);
		});
	} else {
		revealElements.forEach(function (el) {
			el.classList.add('reveal--visible');
		});
	}

	// ───────────────────────────────────────────────
	// 2. КНОПКА "ПОКАЗАТЬ ЕЩЁ" (десктоп)
	//    fallback — add.js тоже содержит этот код
	// ───────────────────────────────────────────────
	const loadMoreBtn = document.getElementById('reviews-loadmore');
	if (loadMoreBtn) {
		let nextBatch = 2;
		const btn = loadMoreBtn.querySelector('.reviews-loadmore__btn');
		if (btn) {
			btn.addEventListener('click', function () {
				const cards = document.querySelectorAll('.lw-card[data-batch="' + nextBatch + '"]');
				if (cards.length) {
					cards.forEach(function (card) {
						card.style.display = 'flex';
						card.classList.add('reveal--visible');
					});
					nextBatch++;
					const remaining = document.querySelectorAll('.lw-card[data-batch="' + nextBatch + '"]');
					if (!remaining.length) {
						loadMoreBtn.style.display = 'none';
					}
				}
			});
		}
	}

	// ───────────────────────────────────────────────
	// 4. FAQ Accordion — keyboard + ARIA
	//    Глобальный click handler в add.js обрабатывает
	//    .box__accordion_label, синхронизируем aria-expanded
	// ───────────────────────────────────────────────
	document.querySelectorAll('.box__accordion_label').forEach(function (label) {
		label.addEventListener('keydown', function (e) {
			if (e.key === 'Enter' || e.key === ' ') {
				e.preventDefault();
				this.click();
			}
		});
		// При клике (из add.js) синхронизируем aria-expanded
		label.addEventListener('click', function () {
			const content = document.getElementById(this.getAttribute('aria-controls'));
			const isOpen = content && content.style.maxHeight && content.style.maxHeight !== '0px';
			this.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
		});
	});

	// ───────────────────────────────────────────────
	// 5. СЧЁТЧИК (CountUp) для цифр доверия
	// ───────────────────────────────────────────────
	function animateCounter(el) {
		const target = parseInt(el.getAttribute('data-target-value'), 10) ||
		               parseInt(el.getAttribute('data-target'), 10);
		if (!target) return;
		let current = 0;
		const step = Math.ceil(target / 60); // 60 кадров ~ 1 сек
		const timer = setInterval(function () {
			current += step;
			if (current >= target) {
				current = target;
				clearInterval(timer);
			}
			el.textContent = current.toLocaleString('ru-RU');
		}, 16);
	}

	document.querySelectorAll('.counter-number').forEach(function (counter) {
		if ('IntersectionObserver' in window) {
			const observer = new IntersectionObserver(
				function (entries) {
					entries.forEach(function (entry) {
						if (entry.isIntersecting) {
							animateCounter(entry.target);
							observer.unobserve(entry.target);
						}
					});
				},
				{ threshold: 0.5 }
			);
			observer.observe(counter);
		} else {
			animateCounter(counter);
		}
	});

	// ───────────────────────────────────────────────
	// 6. STICKY CTA (мобильные) — троттлинг скролла
	// ───────────────────────────────────────────────
	const stickyCta = document.querySelector('.sticky-cta-mobile');
	if (stickyCta) {
		const heroSection = document.querySelector('.reviews-hero');
		if (heroSection) {
			const heroBottom = heroSection.offsetTop + heroSection.offsetHeight;
			let ticking = false;
			window.addEventListener('scroll', function () {
				if (!ticking) {
					window.requestAnimationFrame(function () {
						if (window.scrollY > heroBottom) {
							stickyCta.classList.add('sticky-cta-mobile--visible');
						} else {
							stickyCta.classList.remove('sticky-cta-mobile--visible');
						}
						ticking = false;
					});
					ticking = true;
				}
			});
		}
	}

	// ───────────────────────────────────────────────
	// 7. POPUP ФОРМЫ ОТЗЫВА (iframe)
	// ───────────────────────────────────────────────
	const formBtn = document.querySelector('.review-form-block__btn');
	if (formBtn) {
		formBtn.addEventListener('click', function () {
			const popup = document.querySelector('.frame__popup');
			const iframe = popup ? popup.querySelector('.frame_reviews') : null;
			const frameUrl = popup ? popup.getAttribute('data-frame-url') : '';
			if (popup && iframe && frameUrl) {
				iframe.src = frameUrl;
				popup.style.display = 'flex';
			}
		});
	}

	const closeBtn = document.querySelector('.btn-close-frame__popup');
	if (closeBtn) {
		closeBtn.addEventListener('click', function () {
			const popup = this.parentNode.parentNode;
			popup.style.display = 'none';
			const iframe = popup.querySelector('.frame_reviews');
			if (iframe) iframe.src = '';
		});
	}

	// ───────────────────────────────────────────────
	// 8. ЦЕЛИ ЯНДЕКС.МЕТРИКИ
	// ───────────────────────────────────────────────
	function reachGoal(name) {
		if (typeof yaCounter99835482 !== 'undefined') {
			try {
				yaCounter99835482.reachGoal(name);
			} catch (e) {
				if (window.console) {
					console.warn('Metrika reachGoal error:', e);
				}
			}
		}
	}

	// Клики по всем CTA-кнопкам
	document.querySelectorAll('.js-reviews-cta').forEach(function (btn) {
		btn.addEventListener('click', function () {
			const goal = this.getAttribute('data-goal') || 'cta_otzyvy_click';
			reachGoal(goal);
		});
	});

	// Клик по телефону
	document.querySelectorAll('a[href^="tel:"]').forEach(function (link) {
		link.addEventListener('click', function () {
			reachGoal('phone_click_otzyvy');
		});
	});

	// Клик по WhatsApp/Telegram
	document.querySelectorAll('a[href*="wa.me"], a[href*="t.me"]').forEach(function (link) {
		link.addEventListener('click', function () {
			reachGoal('messenger_click_otzyvy');
		});
	});
});