go/mailpit
1
0
Fork 0
mirror of https://github.com/axllent/mailpit.git synced 2025-06-15 00:05:15 +02:00
Code Issues Releases Activity

Improve pagination & limit URL parameter handling

Browse Source
This commit is contained in:
Ralph Slooten
2024-06-02 16:07:26 +12:00
parent e87b98b73b
commit aa3f94457c
7 changed files with 114 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
server/ui-src/components/Pagination.vue
View File

@ -1,7 +1,7 @@
<script>
import CommonMixins from '../mixins/CommonMixins'
import { mailbox } from '../stores/mailbox'
import {limitOptions, pagination} from '../stores/pagination'
import { limitOptions, pagination } from '../stores/pagination'
export default {
@ -66,11 +66,20 @@ export default {
updateQueryParams: function () {
const path = this.$route.path
const params = new URLSearchParams({
...this.$route.query,
start: pagination.start.toString(),
limit: pagination.limit.toString(),
})
const p = {
...this.$route.query
}
if (pagination.start > 0) {
p.start = pagination.start.toString()
} else {
delete p.start
}
if (pagination.limit != pagination.defaultLimit) {
p.limit = pagination.limit.toString()
} else {
delete p.limit
}
const params = new URLSearchParams(p)
this.$router.push(path + '?' + params.toString())
},
}
@ -80,7 +89,7 @@ export default {
<template>
<select v-model="pagination.limit" @change="changeLimit" class="form-select form-select-sm d-inline w-auto me-2"
:disabled="total == 0">
<option v-for="option in limitOptions" :key="option" :value="option">{{option}}</option>
<option v-for="option in limitOptions" :key="option" :value="option">{{ option }}</option>
</select>
<small>