Commit 286b96f0 authored by Regis's avatar Regis

a lot more progress on pagination :)

parent be146a4f
...@@ -34,6 +34,7 @@ ...@@ -34,6 +34,7 @@
const section = [...Array(this.upcount).keys()]; const section = [...Array(this.upcount).keys()];
section.shift(); section.shift();
this.nslice = +this.pagenum; this.nslice = +this.pagenum;
this.endcount = +this.pagenum + 5;
return section.slice(+this.pagenum, +this.pagenum + 5); return section.slice(+this.pagenum, +this.pagenum + 5);
}, },
last() { last() {
...@@ -44,17 +45,17 @@ ...@@ -44,17 +45,17 @@
}, },
endspread() { endspread() {
if (+this.pagenum < this.last && +this.pagenum > 5) return true; if (+this.pagenum < this.last && +this.pagenum > 5) return true;
return false return false;
}, },
begspread() { begspread() {
if (+this.pagenum > 5 && +this.pagenum < this.last) return true; if (+this.pagenum > 5 && +this.pagenum < this.last) return true;
return false return false;
}, },
}, },
template: ` template: `
<div class="gl-pagination"> <div class="gl-pagination">
<ul class="pagination clearfix" v-for='n in paginationsection'> <ul class="pagination clearfix" v-for='n in paginationsection'>
<li :class='prevstatus(n)' v-if='n === 1 || n - 1 === nslice'> <li :class='prevstatus(n)' v-if='n - 1 === nslice'>
<span @click='changepage($event, {where: pagenum - 1})'>Prev</span> <span @click='changepage($event, {where: pagenum - 1})'>Prev</span>
</li> </li>
<li :class='pagenumberstatus(n)' v-if='n >= 2'> <li :class='pagenumberstatus(n)' v-if='n >= 2'>
...@@ -67,15 +68,15 @@ ...@@ -67,15 +68,15 @@
<li v-if='n === upcount && upcount > 4 && begspread'> <li v-if='n === upcount && upcount > 4 && begspread'>
<span class="gap">…</span> <span class="gap">…</span>
</li> </li>
<li class="next" v-if='n === upcount && pagenum !== last'> <li class="next" v-if='(n === upcount || n === endcount) && pagenum !== last'>
<span @click='changepage($event, {where: pagenum + 1})'> <span @click='changepage($event, {where: +pagenum + 1})'>
Next Next
</span> </span>
</li> </li>
<li v-if='n === upcount && upcount > 4 && endspread'> <li v-if='n === upcount && upcount > 4 && endspread'>
<span class="gap">…</span> <span class="gap">…</span>
</li> </li>
<li class="last" v-if='n === upcount && pagenum !== last'> <li class="last" v-if='(n === upcount || n === endcount) && pagenum !== last'>
<span @click='changepage($event, {where: last})'>Last »</span> <span @click='changepage($event, {where: last})'>Last »</span>
</li> </li>
</ul> </ul>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment