Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - make inactive link not tabbable in pagination component

Browse Source
This commit is contained in:
Sam 2023-07-12 19:58:56 +02:00
parent 4b3270f546
commit a831f5732b
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
fittrackee_client/src/components/Common/Pagination.vue
View File

@ -7,6 +7,7 @@
class="page-link" class="page-link"
:to="{ path, query: getQuery(pagination.page, -1) }" :to="{ path, query: getQuery(pagination.page, -1) }"
:disabled="!pagination.has_prev" :disabled="!pagination.has_prev"
:tabindex="pagination.has_prev ? 0 : -1"
> >
<slot @click="pagination.has_next ? navigate : null"> <slot @click="pagination.has_next ? navigate : null">
{{ $t('api.PAGINATION.PREVIOUS') }} {{ $t('api.PAGINATION.PREVIOUS') }}
@ -35,6 +36,7 @@
class="page-link" class="page-link"
:to="{ path, query: getQuery(pagination.page, 1) }" :to="{ path, query: getQuery(pagination.page, 1) }"
:disabled="!pagination.has_next" :disabled="!pagination.has_next"
:tabindex="pagination.has_next ? 0 : -1"
> >
<slot @click="pagination.has_next ? navigate : null"> <slot @click="pagination.has_next ? navigate : null">
{{ $t('api.PAGINATION.NEXT') }} {{ $t('api.PAGINATION.NEXT') }}