github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-23 21:18:08 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fixes #330

Browse Source
This commit is contained in:
Ben Haynes
2020-09-25 10:57:48 -04:00
parent 21d0a2ee7a
commit f5d4e670fe
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/src/components/v-pagination/v-pagination.vue
View File

@@ -1,11 +1,11 @@
<template>
<div class="v-pagination">
<v-button v-if="value !== 1" class="previous" :disabled="disabled" secondary icon small @click="toPrev">
<v-button class="previous" :disabled="disabled || value === 1" secondary icon small @click="toPrev">
<v-icon name="chevron_left" />
</v-button>
<v-button
v-if="showFirstLast && value > Math.ceil(totalVisible / 2)"
v-if="showFirstLast && value > Math.ceil(totalVisible / 2) + 1 && length > totalVisible"
class="page"
@click="toPage(1)"
secondary
@@ -15,7 +15,7 @@
1
</v-button>
<span v-if="showFirstLast && value > Math.ceil(totalVisible / 2) + 1" class="gap">...</span>
<span v-if="showFirstLast && value > Math.ceil(totalVisible / 2) + 1 && length > (totalVisible + 1)" class="gap">...</span>
<v-button
v-for="page in visiblePages"
@@ -30,12 +30,12 @@
{{ page }}
</v-button>
<span v-if="showFirstLast && value < length - Math.ceil(totalVisible / 2)" class="gap">
<span v-if="showFirstLast && value < length - Math.ceil(totalVisible / 2) && length > (totalVisible + 1)" class="gap">
...
</span>
<v-button
v-if="showFirstLast && value <= length - Math.ceil(totalVisible / 2)"
v-if="showFirstLast && value <= length - Math.ceil(totalVisible / 2) && length > totalVisible"
:class="{ active: value === length }"
class="page"
@click="toPage(length)"
@@ -46,7 +46,7 @@
{{ length }}
</v-button>
<v-button v-if="value !== length" class="next" :disabled="disabled" secondary icon small @click="toNext">
<v-button class="next" :disabled="disabled || value === length" secondary icon small @click="toNext">
<v-icon name="chevron_right" />
</v-button>
</div>