مقالات

(function(){
var root=document.querySelector(‘.bt-articles-index’); if(!root) return;
var per=+root.getAttribute(‘data-per-page’)||24;
var cards=[].slice.call(root.querySelectorAll(‘.bt-art-card’));
var pager=root.querySelector(‘.bt-art-pager’);
var topic=’all’, page=1;
function visible(){ return cards.filter(function(c){ return topic===’all’||c.getAttribute(‘data-topic’)===topic; }); }
function render(){
var v=visible(); var pages=Math.max(1, Math.ceil(v.length/per)); if(page>pages) page=pages;
cards.forEach(function(c){ c.style.display=’none’; });
v.slice((page-1)*per, page*per).forEach(function(c){ c.style.display=”; });
pager.innerHTML=”;
for(var i=1;i<=pages;i++){
var el=document.createElement(i===page?'span':'button');
el.textContent=i; el.className=i===page?'px-3 py-2 bg-ink text-paper':'px-3 py-2 border border-line';
if(i===page) el.setAttribute('aria-current','page'); else el.type='button', el.addEventListener('click',(function(n){return function(){page=n;render();}})(i));
pager.appendChild(el);
}
}
root.querySelectorAll('.bt-art-f').forEach(function(b){
b.addEventListener('click', function(){
topic=b.getAttribute('data-topic'); page=1;
root.querySelectorAll('.bt-art-f').forEach(function(x){ x.setAttribute('aria-pressed', x===b?'true':'false'); });
render();
});
});
render();
})();