<!-- [START] ページネーション -->
<b:if cond='data:view.isMultipleItems and !data:view.isArchive'>
<script>
/*<![CDATA[*/
const maxResults=10; /*投稿記事の一覧の表示数*/
const dispPage=3; /*ページ数表示*/
const queryMaxResults=maxResults*10; /*投稿記事の一覧の表示数*/
const textQuery=getUrlParam('q');
const textLabel=location.pathname.split('/search/label/')[1]||'';
const start=parseInt(getUrlParam('start'))||0;
let sumcnt=parseInt(getUrlParam('sumcnt'))||0;
if(start>sumcnt) sumcnt=start+maxResults;
document.addEventListener('DOMContentLoaded',setIndexPager);
function setIndexPager(){
if(textQuery){
setIndexPagerQuery();
return;
}
if(sumcnt>0){
setHtmlPager();
return;
}
let feedUrl='/feeds/posts/summary';
if(textLabel) feedUrl+='/-/'+textLabel;
feedUrl+='?alt=json&max-results=1';
fetch(feedUrl)
.then(response=>response.json())
.then(json=>{
sumcnt=parseInt(json.feed.openSearch$totalResults.$t)||0;
setHtmlPager();
return;
})
.catch(error=>console.log(error));
}
function setIndexPagerQuery(){
if(sumcnt>0&&(sumcnt%queryMaxResults)!=0){
setHtmlPager();
return;
}
let feedUrl='/feeds/posts/summary?alt=json&q='+textQuery+'&max-results=1&start-index='+(sumcnt+queryMaxResults+1);
fetch(feedUrl)
.then(response=>response.json())
.then(json=>{
let totalResults=parseInt(json.feed.openSearch$totalResults.$t)||0;
if(totalResults==1){
sumcnt+=queryMaxResults;
setHtmlPager();
return;
}
feedUrl='/feeds/posts/summary?alt=json&q='+textQuery+'&max-results='+(queryMaxResults-maxResults+1)+'&start-index='+(sumcnt+1);
fetch(feedUrl)
.then(response=>response.json())
.then(json=>{
let totalResults=parseInt(json.feed.openSearch$totalResults.$t)||0;
sumcnt+=totalResults;
setHtmlPager();
})
.catch(error=>console.log(error));
})
.catch(error=>console.log(error));
}
function setHtmlPager(){
let pagerobj=document.getElementById('blog-pager');
if(!pagerobj) return;
let currentPage=start/maxResults+1;
let totalPage=Math.ceil(sumcnt/maxResults);
let html='';
for(let i=1;i<=totalPage;i++){
if(i==currentPage){
html+='<span id="pager-current">'+i+'</span>';
}else if(i==1){
<!-- html+='<a href="#" class="pager-a" onclick="return pager('+(currentPage-1)+')"><</a>'; -->
html+='<a href="#" class="pager-a" onclick="return pager('+i+')">'+i+'</a>';
}else if(i==totalPage){
html+='<a href="#" class="pager-a" onclick="return pager('+i+')">'+i+'</a>';
<!-- html+='<a href="#" class="pager-a" onclick="return pager('+(currentPage+1)+')">></a>'; -->
}else if(Math.abs(i-currentPage)<dispPage){
html+='<a href="#" class="pager-a" onclick="return pager('+i+')">'+i+'</a>';
}else if(Math.abs(i-currentPage)==dispPage){
html+='･･･';
}
}
pagerobj.innerHTML=html;
}
function pager(targetPage){
if(textQuery){
location.href='/search?q='+textQuery+'&max-results='+maxResults+'&by-date=true&start='+(targetPage-1)*maxResults+'&sumcnt='+sumcnt;
}else if(targetPage==1&&textLabel){
location.href=location.pathname;
}else if(targetPage==1){
location.href='/';
}else{
let feedUrl='/feeds/posts/summary';
if(textLabel) feedUrl+='/-/'+textLabel;
feedUrl+='?alt=json&max-results=1&start-index='+(targetPage-1)*maxResults;
fetch(feedUrl)
.then(response=>response.json())
.then(json=>{
let pubDate=json.feed.entry[0].published.$t;
pubDate=encodeURIComponent(pubDate.substring(0,19)+pubDate.substring(23,29));
let url='/search';
if(textLabel) url+='/label/'+textLabel;
location.href=url+'?updated-max='+pubDate+'&max-results='+maxResults+'&start='+(targetPage-1)*maxResults+'&sumcnt='+sumcnt;
})
.catch(error=>console.log(error));
}
return false;
}
function getUrlParam(key){
let searchlist=location.search.substring(1).split('&');
for(let i=0;i<searchlist.length;i++) if(searchlist[i].split('=')[0]==key) return decodeURI(searchlist[i].split('=')[1]);
return '';
}
/*]]>*/
</script>
</b:if>
<style>
#pager-current,.pager-a{
display:inline-block;
padding:.4em .7em; /*背景余白*/
margin:0 .2em .5em; /*位置調整*/
border-radius: .4em; /*丸角*/
}
#pager-current{
color:inherit; /*現ページ文字色*/
background:rgba(255,255,255,0.1); /*現ページ背景色*/
font-weight: bold; /*現ページ太文字*/
}
.pager-a{
color:inherit; /*別ページ文字色*/
background:#263238; /*別ページ背景色*/
border:0px solid #999; /*別ページ枠線*/
}
</style>
<!--[END] ページネーション-->
