feat: add all 5 polish features (stewardship breakdown, tangible impact cards, 1-click check copy, native share, and sticky rebuilding pill)
This commit is contained in:
+99
@@ -250,7 +250,106 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
});
|
||||
}
|
||||
|
||||
// Global Floating Toast
|
||||
function showToast(message) {
|
||||
const toast = document.getElementById('global-toast');
|
||||
if (!toast) return;
|
||||
toast.textContent = message;
|
||||
toast.classList.add('active');
|
||||
setTimeout(() => {
|
||||
toast.classList.remove('active');
|
||||
}, 3500);
|
||||
}
|
||||
|
||||
// 1-Click Copy Mailing Info
|
||||
const btnCopyCheck = document.getElementById('btn-copy-check');
|
||||
const btnCopyText = document.getElementById('btn-copy-check-text');
|
||||
if (btnCopyCheck) {
|
||||
btnCopyCheck.addEventListener('click', () => {
|
||||
const checkInfo = "Payee: Macedonia World Baptist Missions, Inc.\nMemo: Pastor Victor Paez — Venezuela Rebuilding Fund\nMail to: P.O. Box 519, Braselton, GA 30517";
|
||||
navigator.clipboard.writeText(checkInfo).then(() => {
|
||||
btnCopyCheck.classList.add('copied');
|
||||
if (btnCopyText && translations[currentLang]) {
|
||||
btnCopyText.textContent = translations[currentLang]['giving.copied'] || 'Copied to Clipboard! ✓';
|
||||
}
|
||||
showToast(translations[currentLang]['giving.copied'] || 'Copied to Clipboard! ✓');
|
||||
setTimeout(() => {
|
||||
btnCopyCheck.classList.remove('copied');
|
||||
if (btnCopyText && translations[currentLang]) {
|
||||
btnCopyText.textContent = translations[currentLang]['giving.btn_copy'] || 'Copy Mailing Info to Clipboard';
|
||||
}
|
||||
}, 3000);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Interactive Impact Metric Cards
|
||||
const impactMetricCards = document.querySelectorAll('.impact-metric-card');
|
||||
impactMetricCards.forEach(card => {
|
||||
card.addEventListener('click', () => {
|
||||
const amount = card.getAttribute('data-amount');
|
||||
if (amount) {
|
||||
updateTierDisplay(amount);
|
||||
const targetChip = document.querySelector(`.tier-chip[data-amount="${amount}"]`);
|
||||
if (targetChip) {
|
||||
document.querySelectorAll('.tier-chip').forEach(c => c.classList.remove('active'));
|
||||
targetChip.classList.add('active');
|
||||
}
|
||||
openModal();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Native Mobile 1-Tap Share Button
|
||||
const btnShareHero = document.getElementById('btn-share-hero');
|
||||
if (btnShareHero) {
|
||||
btnShareHero.addEventListener('click', async (e) => {
|
||||
e.preventDefault();
|
||||
const shareData = {
|
||||
title: currentLang === 'es' ? 'Pastor Víctor Páez — Iglesia Bíblica Bautista Caracas' : 'Pastor Víctor Páez — Caracas, Venezuela Rebuilding Mission',
|
||||
text: currentLang === 'es' ? 'Apoye la reconstrucción y el ministerio del evangelio en Caracas, Venezuela.' : 'Preaching Christ, training pastors, and rebuilding hope in Caracas, Venezuela.',
|
||||
url: 'https://ibbcaracas.org/'
|
||||
};
|
||||
if (navigator.share) {
|
||||
try {
|
||||
await navigator.share(shareData);
|
||||
} catch (err) {
|
||||
// User closed share sheet
|
||||
}
|
||||
} else {
|
||||
navigator.clipboard.writeText('https://ibbcaracas.org/').then(() => {
|
||||
showToast(translations[currentLang]['share.copied'] || 'Website link copied to clipboard! ✓');
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Sticky Rebuilding Progress Floating Pill
|
||||
const stickyPill = document.getElementById('sticky-rebuilding-pill');
|
||||
const stickyPillClose = document.getElementById('sticky-pill-close');
|
||||
let pillDismissed = false;
|
||||
|
||||
if (stickyPill) {
|
||||
window.addEventListener('scroll', () => {
|
||||
if (pillDismissed) return;
|
||||
if (window.scrollY > 500) {
|
||||
stickyPill.classList.add('visible');
|
||||
} else {
|
||||
stickyPill.classList.remove('visible');
|
||||
}
|
||||
}, { passive: true });
|
||||
|
||||
if (stickyPillClose) {
|
||||
stickyPillClose.addEventListener('click', (e) => {
|
||||
e.stopPropagation();
|
||||
pillDismissed = true;
|
||||
stickyPill.classList.remove('visible');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Initial Language Load
|
||||
setLanguage(currentLang);
|
||||
});
|
||||
|
||||
|
||||
|
||||
+74
-2
@@ -280,12 +280,48 @@ const translations = {
|
||||
"sponsor.t2_desc": "Provides clean water, beans, rice, and proteins for over 150 hot meals served to neighborhood children and elderly.",
|
||||
"sponsor.t3_title": "Church Planter Fellowship",
|
||||
"sponsor.t3_desc": "Provides full missionary support for a Venezuelan seminary graduate pioneering a new church plant in an unreached region.",
|
||||
"sponsor.btn_sponsor": "Sponsor Tier ➔"
|
||||
"sponsor.btn_sponsor": "Sponsor Tier ➔",
|
||||
|
||||
// 1-Click Copy Mailing Info
|
||||
"giving.btn_copy": "Copy Mailing Info to Clipboard",
|
||||
"giving.copied": "Copied to Clipboard! ✓",
|
||||
|
||||
// Stewardship Breakdown
|
||||
"steward.badge": "FINANCIAL INTEGRITY",
|
||||
"steward.title": "How Every Dollar is Allocated",
|
||||
"steward.desc": "Strict 501(c)(3) accountability through Macedonia World Baptist Missions with 100% field direct deployment.",
|
||||
"steward.l1_title": "60% Structural Rebuilding & Roofing",
|
||||
"steward.l1_desc": "Cement, rebar, fissure reinforcement, earthquake wall ties, and sealing damaged roofs before rains.",
|
||||
"steward.l2_title": "25% Daily Food & Clean Water",
|
||||
"steward.l2_desc": "Rice, black beans, proteins, baby formula, and clean drinking water filtration for 300+ daily meals.",
|
||||
"steward.l3_title": "15% Seminary & Pastoral Training",
|
||||
"steward.l3_desc": "Study Bibles, printed course syllabi, classroom equipment, and student pastoral scholarships.",
|
||||
|
||||
// Tangible Impact Cards
|
||||
"impact.title": "Tangible Impact of Your Gift",
|
||||
"impact.subtitle": "Every contribution directly transforms lives and repairs God's house in Caracas.",
|
||||
"impact.c1_title": "25 Hot Meals",
|
||||
"impact.c1_desc": "Feeds hungry neighborhood children and elderly with a hot, nutritious meal and clean water.",
|
||||
"impact.c2_title": "1 Support Pillar",
|
||||
"impact.c2_desc": "Supplies structural steel ties and high-grade mortar to repair shear cracks in the sanctuary.",
|
||||
"impact.c3_title": "1 Seminary Semester",
|
||||
"impact.c3_desc": "Covers theology books, course materials, and mentorship for a national pastoral candidate.",
|
||||
"impact.c4_title": "Classroom Roof Seal",
|
||||
"impact.c4_desc": "Provides waterproof membrane and sealant to protect damaged classroom ceilings.",
|
||||
"impact.btn_select": "Give this amount ➔",
|
||||
|
||||
// Native Share & Sticky Pill
|
||||
"share.btn": "Share Ministry",
|
||||
"share.copied": "Website link copied to clipboard! ✓",
|
||||
"sticky.title": "Caracas Rebuilding Fund",
|
||||
"sticky.goal": "$14,200 of $50k Raised",
|
||||
"sticky.btn": "Partner Today ➔"
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
es: {
|
||||
// Header & Nav
|
||||
"nav.brand_title": "Iglesia Bíblica Bautista",
|
||||
@@ -565,10 +601,46 @@ const translations = {
|
||||
"sponsor.t2_desc": "Provee agua limpia, granos, arroz y proteínas para más de 150 comidas calientes servidas a niños y ancianos necesitados.",
|
||||
"sponsor.t3_title": "Beca de Plantación de Iglesias",
|
||||
"sponsor.t3_desc": "Provee sustento misionero completo para un graduado del seminario que emprende la plantación de una nueva iglesia nacional.",
|
||||
"sponsor.btn_sponsor": "Patrocinar Pilar ➔"
|
||||
"sponsor.btn_sponsor": "Patrocinar Pilar ➔",
|
||||
|
||||
// 1-Click Copy Mailing Info - Spanish
|
||||
"giving.btn_copy": "Copiar Datos de Envío al Portapapeles",
|
||||
"giving.copied": "¡Copiado al Portapapeles! ✓",
|
||||
|
||||
// Stewardship Breakdown - Spanish
|
||||
"steward.badge": "INTEGRIDAD FINANCIERA",
|
||||
"steward.title": "Cómo se Distribuye Cada Dólar",
|
||||
"steward.desc": "Rendición de cuentas bajo 501(c)(3) con despliegue directo en el campo a través de Macedonia World Baptist Missions.",
|
||||
"steward.l1_title": "60% Reconstrucción Estructural y Techos",
|
||||
"steward.l1_desc": "Cemento, cabillas, refuerzo de grietas sísmicas y sellado de techos antes de las lluvias.",
|
||||
"steward.l2_title": "25% Alimento Diario y Agua Potable",
|
||||
"steward.l2_desc": "Arroz, granos, proteínas, fórmulas y filtración de agua para más de 300 comidas calientes al día.",
|
||||
"steward.l3_title": "15% Seminario y Formación Pastoral",
|
||||
"steward.l3_desc": "Biblias de estudio, manuales teológicos, recursos de biblioteca y becas de transporte estudiantil.",
|
||||
|
||||
// Tangible Impact Cards - Spanish
|
||||
"impact.title": "Impacto Tangible de su Ofrenda",
|
||||
"impact.subtitle": "Cada contribución transforma vidas y repara la casa de Dios en Caracas.",
|
||||
"impact.c1_title": "25 Comidas Calientes",
|
||||
"impact.c1_desc": "Alimenta a niños y ancianos del sector con un plato caliente y nutritivo, más agua limpia.",
|
||||
"impact.c2_title": "1 Columna Reforzada",
|
||||
"impact.c2_desc": "Provee amarres de acero y mortero estructural para reparar fisuras en el santuario.",
|
||||
"impact.c3_title": "1 Semestre de Seminario",
|
||||
"impact.c3_desc": "Cubre libros de teología, materiales y mentoría pastoral para un seminarista nacional.",
|
||||
"impact.c4_title": "Sellado de Techo del Seminario",
|
||||
"impact.c4_desc": "Provee membrana impermeabilizante y sellador para proteger las aulas afectadas.",
|
||||
"impact.btn_select": "Ofrendar este monto ➔",
|
||||
|
||||
// Native Share & Sticky Pill - Spanish
|
||||
"share.btn": "Compartir Ministerio",
|
||||
"share.copied": "¡Enlace copiado al portapapeles! ✓",
|
||||
"sticky.title": "Fondo de Reconstrucción",
|
||||
"sticky.goal": "$14,200 de $50k Recaudados",
|
||||
"sticky.btn": "Ofrendar Hoy ➔"
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user