const fbBtn = ch.fb ?
: '';
return
;
}
// Render all cards
function renderAll() {
const grid = document.getElementById('channelGrid');
grid.innerHTML = channels.map((ch, i) => buildCard(ch, i)).join('');
updateCounts();
}
function updateCounts() {
const cats = ['all','dhamma','news','kids','music','edu','life','cook','relax'];
cats.forEach(cat => {
const el = document.getElementById('count-' + cat);
if (!el) return;
if (cat === 'all') el.textContent = channels.length;
else el.textContent = channels.filter(c => c.cat === cat).length;
});
}
function filterCat(cat, btn) {
// Update active button
document.querySelectorAll('.cat-btn').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
// Filter cards
const cards = document.querySelectorAll('.channel-card');
cards.forEach(card => {
if (cat === 'all' || card.dataset.cat === cat) {
card.classList.remove('hidden');
} else {
card.classList.add('hidden');
}
});
}
renderAll();