forked from vikunja/frontend
Michaelpalacce
7ebca9afc5
Alphabetical sorting. Disables re-ordering when applied. Does not work with the search button as expected, but neither do the filters tbh... Works fine with the search in the filters menu. I know we talked about having a dropdown but since this is pretty much finished I thought I'd submit a PR. I am a bit short on time these days but may submit a new PR to add the dropdown ( should be simple enough ) Co-authored-by: Stefan Genov <stefantigro@gmail.com> Co-authored-by: Dominik Pschenitschni <mail@celement.de> Reviewed-on: vikunja/frontend#1162 Reviewed-by: konrad <k@knt.li> Reviewed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de> Co-authored-by: Michaelpalacce <stefantigro@gmail.com> Co-committed-by: Michaelpalacce <stefantigro@gmail.com>
101 lines
2.3 KiB
JavaScript
101 lines
2.3 KiB
JavaScript
import TaskCollectionService from '@/services/taskCollection'
|
|
|
|
// FIXME: merge with DEFAULT_PARAMS in filters.vue
|
|
export const getDefaultParams = () => ({
|
|
sort_by: ['position', 'id'],
|
|
order_by: ['asc', 'desc'],
|
|
filter_by: ['done'],
|
|
filter_value: ['false'],
|
|
filter_comparator: ['equals'],
|
|
filter_concat: 'and',
|
|
})
|
|
|
|
/**
|
|
* This mixin provides a base set of methods and properties to get tasks on a list.
|
|
*/
|
|
export default {
|
|
data() {
|
|
return {
|
|
taskCollectionService: new TaskCollectionService(),
|
|
tasks: [],
|
|
|
|
currentPage: 0,
|
|
|
|
loadedList: null,
|
|
|
|
searchTerm: '',
|
|
|
|
showTaskFilter: false,
|
|
params: {...getDefaultParams()},
|
|
}
|
|
},
|
|
watch: {
|
|
// Only listen for query path changes
|
|
'$route.query': {
|
|
handler: 'loadTasksForPage',
|
|
immediate: true,
|
|
},
|
|
'$route.path': 'loadTasksOnSavedFilter',
|
|
},
|
|
methods: {
|
|
async loadTasks(
|
|
page,
|
|
search = '',
|
|
params = null,
|
|
forceLoading = false,
|
|
) {
|
|
// Because this function is triggered every time on topNavigation, we're putting a condition here to only load it when we actually want to show tasks
|
|
// FIXME: This is a bit hacky -> Cleanup.
|
|
if (
|
|
this.$route.name !== 'list.list' &&
|
|
this.$route.name !== 'list.table' &&
|
|
!forceLoading
|
|
) {
|
|
return
|
|
}
|
|
|
|
if (params === null) {
|
|
params = this.params
|
|
}
|
|
|
|
if (search !== '') {
|
|
params.s = search
|
|
}
|
|
|
|
const list = {listId: parseInt(this.$route.params.listId)}
|
|
|
|
const currentList = {
|
|
id: list.listId,
|
|
params,
|
|
search,
|
|
page,
|
|
}
|
|
if (JSON.stringify(currentList) === JSON.stringify(this.loadedList) && !forceLoading) {
|
|
return
|
|
}
|
|
|
|
this.tasks = []
|
|
this.tasks = await this.taskCollectionService.getAll(list, params, page)
|
|
this.currentPage = page
|
|
this.loadedList = JSON.parse(JSON.stringify(currentList))
|
|
},
|
|
|
|
loadTasksForPage(e) {
|
|
// The page parameter can be undefined, in the case where the user loads a new list from the side bar menu
|
|
let page = Number(e.page)
|
|
if (typeof e.page === 'undefined') {
|
|
page = 1
|
|
}
|
|
let search = e.search
|
|
if (typeof e.search === 'undefined') {
|
|
search = ''
|
|
}
|
|
this.initTasks(page, search)
|
|
},
|
|
loadTasksOnSavedFilter() {
|
|
if (typeof this.$route.params.listId !== 'undefined' && parseInt(this.$route.params.listId) < 0) {
|
|
this.loadTasks(1, '', null, true)
|
|
}
|
|
},
|
|
},
|
|
} |