dbroqua/MusicTopus
dbroqua/MusicTopus
1
1
Fork 0
Code Issues 10 Pull Requests Releases 14 Activity

issue/19 #20

Merged
dbroqua merged 16 commits from issue/19 into master 2022-03-01 16:09:47 +01:00
Conversation 0 Commits 16 Files Changed 35 +17 -6
2 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a175e39eed - Show all commits

17
sass/pagination.scss
View File

@ -55,12 +55,12 @@
}
}
.pagination-previous {
.pagination-previous-next {
order: 2;
}
.pagination-next {
order: 3;
}
// .pagination-next {
// order: 3;
// }
.pagination-link {
&.is-current {
@ -80,4 +80,13 @@
justify-content: flex-start;
order: 1;
}
@include respond-to("small") {
flex-direction: column;
.pagination-previous-next {
margin-bottom: 1rem;
order: 1;
}
}
}

6
views/pages/mon-compte/ma-collection.ejs
View File

@ -76,8 +76,10 @@
<strong>Nombre total d'éléments : </strong>{{total}}
</div>
<nav class="pagination" role="navigation" aria-label="Pagination">
<a class="pagination-previous" :class="{'is-disabled': page === 1}" @click="previous">Précédent</a>
<a class="pagination-next" :class="{'is-disabled': !total || (page*limit) >= total}" @click="next">Suivant</a>
<div class="pagination-previous-next">
<a class="pagination-previous" :class="{'is-disabled': page === 1}" @click="previous">Précédent</a>
<a class="pagination-next" :class="{'is-disabled': !total || (page*limit) >= total}" @click="next">Suivant</a>
</div>
<ul class="pagination-list">
<template v-for="p in Array.from({length: totalPages}, (v, i) => (i+1))">
<template v-if="p < 4 || p > (totalPages - 3) || (page - 3) <= p && page + 3 >= p">