document.addEventListener('DOMContentLoaded', function () {
const postData = window.__CURRA_POST__ || { title: document.title, url: location.href, quizQuestions: [] };
const toast = document.getElementById('toast');
const toastMsg = document.getElementById('toastMsg');
let toastTimer;
function showToast(msg) {
toastMsg.textContent = msg;
toast.classList.add('show');
clearTimeout(toastTimer);
toastTimer = setTimeout(() => toast.classList.remove('show'), 2200);
}
// Share
const shareBtn = document.getElementById('shareBtn');
if (shareBtn) {
shareBtn.addEventListener('click', () => {
if (navigator.share) {
navigator.share({ title: postData.title, url: postData.url }).catch(() => {});
} else {
navigator.clipboard.writeText(postData.url).then(() => showToast('Link copy ho gaya!'));
}
});
}
const waBtn = document.getElementById('waShareBtn');
if (waBtn) waBtn.href = 'https://wa.me/?text=' + encodeURIComponent(postData.title + ' — ' + postData.url);
const tgBtn = document.getElementById('tgShareBtn');
if (tgBtn) tgBtn.href = 'https://t.me/share/url?url=' + encodeURIComponent(postData.url) + '&text=' + encodeURIComponent(postData.title);
// Bookmark
const bookmarkBtn = document.getElementById('bookmarkBtn');
let bookmarked = false;
if (bookmarkBtn) {
bookmarkBtn.addEventListener('click', () => {
bookmarked = !bookmarked;
bookmarkBtn.style.background = bookmarked ? '#eef2ff' : '#fff';
bookmarkBtn.style.color = bookmarked ? '#4338ca' : 'inherit';
showToast(bookmarked ? 'Article save ho gaya!' : 'Saved se hata diya gaya');
});
}
const printBtn = document.getElementById('printBtn');
if (printBtn) printBtn.addEventListener('click', () => window.print());
const copyLinkBtn = document.getElementById('copyLinkBtn');
if (copyLinkBtn) {
copyLinkBtn.addEventListener('click', (e) => {
e.preventDefault();
navigator.clipboard.writeText(postData.url).then(() => showToast('Link copy ho gaya!'));
});
}
// Feedback
const likeBtn = document.getElementById('likeBtn');
const dislikeBtn = document.getElementById('dislikeBtn');
if (likeBtn && dislikeBtn) {
function selectFeedback(active, other, message) {
const isActive = active.classList.toggle('active');
other.classList.remove('active');
if (isActive) showToast(message);
}
likeBtn.addEventListener('click', () => selectFeedback(likeBtn, dislikeBtn, 'Shukriya aapke feedback ke liye!'));
dislikeBtn.addEventListener('click', () => selectFeedback(dislikeBtn, likeBtn, 'Shukriya — hum ise behtar banayenge.'));
}
// Top app bar
const backBtn = document.getElementById('backBtn');
if (backBtn) {
backBtn.addEventListener('click', () => {
if (window.history.length > 1) window.history.back();
else showToast('Yeh pehla page hai');
});
}
const bellBtn = document.getElementById('bellBtn');
if (bellBtn) bellBtn.addEventListener('click', () => showToast('Koi naya notification nahi hai'));
// Reading progress bar
const progressBar = document.getElementById('progressBar');
if (progressBar) {
function updateProgress() {
const h = document.documentElement;
const scrolled = h.scrollTop;
const height = h.scrollHeight - h.clientHeight;
const pct = height > 0 ? (scrolled / height) * 100 : 0;
progressBar.style.width = pct + '%';
}
document.addEventListener('scroll', updateProgress, { passive: true });
window.addEventListener('resize', updateProgress);
updateProgress();
}
// Mobile bottom bar — mirrors main actions
const mShare = document.getElementById('mShare');
if (mShare && shareBtn) mShare.addEventListener('click', () => shareBtn.click());
const mBookmark = document.getElementById('mBookmark');
if (mBookmark && bookmarkBtn) {
mBookmark.addEventListener('click', () => {
bookmarkBtn.click();
mBookmark.classList.toggle('active', bookmarked);
});
}
const mLike = document.getElementById('mLike');
if (mLike && likeBtn) {
mLike.addEventListener('click', () => {
likeBtn.click();
mLike.classList.toggle('active', likeBtn.classList.contains('active'));
});
}
// ---------------- QUIZ ----------------
// IMPORTANT: quizQuestions ab window.__CURRA_POST__.quizQuestions se aata hai
// (content block ke andar wala