qbism/qb-admin-fe
1
0
Fork 0
forked from AkkomaGang/admin-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix pagination when filter is applied

Browse source
This commit is contained in:
Angelina Filippova 2019-05-26 21:05:40 +02:00
parent 7936d98050
commit 7d8099edef
2 changed files with 14 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/store/modules/reports.js
View file

@ -40,6 +40,10 @@ const reports = {
}) })
commit('SET_REPORTS', updatedReports) commit('SET_REPORTS', updatedReports)
}, },
ClearFetchedReports({ commit }) {
commit('SET_REPORTS', [])
commit('SET_LAST_REPORT_ID', '')
},
async DeleteStatus({ commit, getters, state }, { statusId, reportId }) { async DeleteStatus({ commit, getters, state }, { statusId, reportId }) {
deleteStatus(statusId, getters.authHost, getters.token) deleteStatus(statusId, getters.authHost, getters.token)
const updatedReports = state.fetchedReports.map(report => { const updatedReports = state.fetchedReports.map(report => {
@ -54,7 +58,11 @@ const reports = {
}, },
async FetchReports({ commit, getters, state }) { async FetchReports({ commit, getters, state }) {
commit('SET_LOADING', true) commit('SET_LOADING', true)
const response = await fetchReports(state.page_limit, state.idOfLastReport, getters.authHost, getters.token)
const response = state.stateFilter.length === 0
? await fetchReports(state.page_limit, state.idOfLastReport, getters.authHost, getters.token)
: await filterReports(state.stateFilter, state.page_limit, state.idOfLastReport, getters.authHost, getters.token)
const reports = state.fetchedReports.concat(response.data.reports) const reports = state.fetchedReports.concat(response.data.reports)
const id = reports.length > 0 ? reports[reports.length - 1].id : state.idOfLastReport const id = reports.length > 0 ? reports[reports.length - 1].id : state.idOfLastReport
@ -62,24 +70,8 @@ const reports = {
commit('SET_LAST_REPORT_ID', id) commit('SET_LAST_REPORT_ID', id)
commit('SET_LOADING', false) commit('SET_LOADING', false)
}, },
async ToggleReportsFilter({ commit, dispatch, getters, state }, filter) { SetFilter({ commit }, filter) {
commit('SET_REPORTS', []) commit('SET_REPORTS_FILTER', filter)
commit('SET_LAST_REPORT_ID', '')
if (filter.length === 0) {
dispatch('FetchReports')
} else {
commit('SET_REPORTS_FILTER', filter)
commit('SET_LOADING', true)
const response = await filterReports(state.stateFilter, state.page_limit, state.idOfLastReport, getters.authHost, getters.token)
const reports = state.fetchedReports.concat(response.data.reports)
const id = reports.length > 0 ? reports[reports.length - 1].id : state.idOfLastReport
commit('SET_REPORTS', reports)
commit('SET_LAST_REPORT_ID', id)
commit('SET_LOADING', false)
}
} }
} }
} }

4
src/views/reports/components/ReportsFilter.vue
View file

@ -20,7 +20,9 @@ export default {
}, },
methods: { methods: {
toggleFilters() { toggleFilters() {
this.$store.dispatch('ToggleReportsFilter', this.$data.filter) this.$store.dispatch('SetFilter', this.$data.filter)
this.$store.dispatch('ClearFetchedReports')
this.$store.dispatch('FetchReports')
} }
} }
} }