okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add 'go to' page

Browse source
This commit is contained in:
Kendall Garner 2022-07-01 03:46:11 -04:00
parent a2d64b55c1
commit bd69b5fc32
No known key found for this signature in database
GPG key ID: 18D2767419676C87
1 changed files with 13 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/renderer/views/pages/library-songs.ejs
View file

@ -74,9 +74,8 @@
<button
:class="`col md-btn page-btn${ isCurrentPage(page) ? ' md-btn-primary': ''}`"
@click="goToPage(page)"
v-for="page in pagesToShow">
{{ page }}
</button>
v-for="page in pagesToShow"
>{{ page }}</button>
<button
class="col md-btn page-btn next"
:disabled="currentPage === numPages"
@ -91,6 +90,10 @@
>
<img class="md-ico-last"/>
</button>
<div class="col page-btn" style="min-width: 12em;">
<input type="number" min="1" :max="numPages" :value="currentPage" @change="changePage" />
<span>/ {{ numPages }}</span>
</div>
</div>
</div>
@ -164,6 +167,13 @@
return idx === this.currentPage ||
idx === this.numPages && this.currentPage > this.numPages;
},
changePage: function (event) {
const value = event.target.valueAsNumber;
if (!isNaN(value) && value >= 1 && value <= this.numPages) {
this.currentPage = value;
}
},
goToPage: function (page) {
this.currentPage = page;
},