TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-29 12:41:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix search pagination

Browse Source
This commit is contained in:
Mohit Panjwani
2022-02-15 13:01:29 +05:30
parent 9e23f9b9b1
commit 13cbb5439f
1 changed files with 12 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
resources/scripts/admin/views/invoices/View.vue
View File

@ -25,7 +25,6 @@ const invoiceData = ref(null)
const route = useRoute() const route = useRoute()
const isMarkAsSent = ref(false) const isMarkAsSent = ref(false)
const isSearching = ref(false)
const isLoading = ref(false) const isLoading = ref(false)
const invoiceList = ref(null) const invoiceList = ref(null)
@ -123,7 +122,7 @@ async function loadInvoices(params, fromScrollListener = false) {
invoiceList.value = [...invoiceList.value, ...response.data.data] invoiceList.value = [...invoiceList.value, ...response.data.data]
currentPageNumber.value = params ? params.page : 1 currentPageNumber.value = params && params.page ? params.page : 1
lastPageNumber.value = response.data.meta.last_page lastPageNumber.value = response.data.meta.last_page
let invoiceFound = invoiceList.value.find((inv) => inv.id == route.params.id) let invoiceFound = invoiceList.value.find((inv) => inv.id == route.params.id)
@ -175,30 +174,29 @@ async function loadInvoice() {
} }
async function onSearched() { async function onSearched() {
let data = '' let params = {}
if ( if (
searchData.searchText !== '' && searchData.searchText !== '' &&
searchData.searchText !== null && searchData.searchText !== null &&
searchData.searchText !== undefined searchData.searchText !== undefined
) { ) {
data += `search=${searchData.searchText}&` params.search = searchData.searchText
} }
if (searchData.orderBy !== null && searchData.orderBy !== undefined) { if (searchData.orderBy !== null && searchData.orderBy !== undefined) {
data += `orderBy=${searchData.orderBy}&` params.orderBy = searchData.orderBy
} }
if ( if (
searchData.orderByField !== null && searchData.orderByField !== null &&
searchData.orderByField !== undefined searchData.orderByField !== undefined
) { ) {
data += `orderByField=${searchData.orderByField}` params.orderByField = searchData.orderByField
}
isSearching.value = true
let response = await invoiceStore.searchInvoice(data)
isSearching.value = false
if (response.data) {
invoiceList.value = response.data.data
} }
invoiceList.value = []
loadInvoices(params)
} }
function sortData() { function sortData() {
@ -478,14 +476,11 @@ onSearched = debounce(onSearched, 500)
</div> </div>
</router-link> </router-link>
</div> </div>
<div <div v-if="isLoading" class="flex justify-center p-4 items-center">
v-if="isLoading || isSearching"
class="flex justify-center p-4 items-center"
>
<LoadingIcon class="h-6 m-1 animate-spin text-primary-400" /> <LoadingIcon class="h-6 m-1 animate-spin text-primary-400" />
</div> </div>
<p <p
v-if="!invoiceList?.length && !isLoading && !isSearching" v-if="!invoiceList?.length && !isLoading"
class="flex justify-center px-4 mt-5 text-sm text-gray-600" class="flex justify-center px-4 mt-5 text-sm text-gray-600"
> >
{{ $t('invoices.no_matching_invoices') }} {{ $t('invoices.no_matching_invoices') }}