Skip to content

Commit d047f7c

Browse files
committedFeb 19, 2018
Added classes to buttons prev and next; added validation for not available language
1 parent 357222d commit d047f7c

File tree

1 file changed

+6
-4
lines changed

1 file changed

+6
-4
lines changed
 

‎src/components/TinyPagination.vue

+6-4
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,13 @@
22
<div class="vue-tiny-pagination">
33
<ul class="tiny-pagination" :class="customClass">
44
<li class="page-item" :class="classFirstPage">
5-
<a href="#" @click.prevent="lastPage">{{translation.prev}}</a>
5+
<a class="btn-prev-page" href="#" @click.prevent="lastPage">{{translation.prev}}</a>
66
</li>
77
<li class="page-item">
88
<span>{{titlePage}}</span>
99
</li>
1010
<li class="page-item" :class="classLastPage">
11-
<a href="#" @click.prevent="nextPage">{{translation.next}}</a>
11+
<a class="btn-next-page" href="#" @click.prevent="nextPage">{{translation.next}}</a>
1212
</li>
1313
<li class="page-item">
1414
<select class="tiny-form-select" v-model="currentLimit" @change="onLimitChange">
@@ -23,7 +23,7 @@
2323
</template>
2424

2525
<script>
26-
import {Language} from '../utils'
26+
import {Language, AvailableLanguages} from '../utils'
2727
export default {
2828
name: 'TinyPagination',
2929
props: {
@@ -60,7 +60,9 @@ export default {
6060
},
6161
computed: {
6262
translation () {
63-
return Language.translations[this.lang]
63+
return (AvailableLanguages.includes(this.lang)) ?
64+
Language.translations[this.lang]
65+
: Language.translations['en']
6466
},
6567
totalPages () {
6668
return Math.ceil(this.total/this.currentLimit)

0 commit comments

Comments
 (0)
Please sign in to comment.