2022-10-27 19:56:14 +00:00
|
|
|
import {computed, ref, shallowReactive, unref, watch} from 'vue'
|
|
|
|
import {useRouter} from 'vue-router'
|
|
|
|
import {useI18n} from 'vue-i18n'
|
|
|
|
import type {MaybeRef} from '@vueuse/core'
|
2023-02-22 10:04:31 +00:00
|
|
|
import {useDebounceFn} from '@vueuse/core'
|
2022-10-27 19:56:14 +00:00
|
|
|
|
|
|
|
import type {IList} from '@/modelTypes/IList'
|
|
|
|
import type {ISavedFilter} from '@/modelTypes/ISavedFilter'
|
|
|
|
|
2020-09-26 21:02:37 +00:00
|
|
|
import AbstractService from '@/services/abstractService'
|
2022-10-27 19:56:14 +00:00
|
|
|
|
2022-09-06 09:36:01 +00:00
|
|
|
import SavedFilterModel from '@/models/savedFilter'
|
2022-10-27 19:56:14 +00:00
|
|
|
|
|
|
|
import {useBaseStore} from '@/stores/base'
|
|
|
|
import {useNamespaceStore} from '@/stores/namespaces'
|
|
|
|
|
|
|
|
import {objectToSnakeCase, objectToCamelCase} from '@/helpers/case'
|
|
|
|
import {success} from '@/message'
|
|
|
|
import ListModel from '@/models/list'
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Calculates the corresponding list id to this saved filter.
|
|
|
|
* This function matches the one in the api.
|
|
|
|
*/
|
|
|
|
function getListId(savedFilter: ISavedFilter) {
|
|
|
|
let listId = savedFilter.id * -1 - 1
|
|
|
|
if (listId > 0) {
|
|
|
|
listId = 0
|
|
|
|
}
|
|
|
|
return listId
|
|
|
|
}
|
|
|
|
|
|
|
|
export function getSavedFilterIdFromListId(listId: IList['id']) {
|
|
|
|
let filterId = listId * -1 - 1
|
|
|
|
// FilterIds from listIds are always positive
|
|
|
|
if (filterId < 0) {
|
|
|
|
filterId = 0
|
|
|
|
}
|
|
|
|
return filterId
|
|
|
|
}
|
|
|
|
|
|
|
|
export function isSavedFilter(list: IList) {
|
|
|
|
return getSavedFilterIdFromListId(list.id) > 0
|
|
|
|
}
|
2020-09-26 21:02:37 +00:00
|
|
|
|
2022-07-21 16:56:31 +00:00
|
|
|
export default class SavedFilterService extends AbstractService<ISavedFilter> {
|
2020-09-26 21:02:37 +00:00
|
|
|
constructor() {
|
|
|
|
super({
|
|
|
|
get: '/filters/{id}',
|
|
|
|
create: '/filters',
|
|
|
|
update: '/filters/{id}',
|
|
|
|
delete: '/filters/{id}',
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
|
|
|
modelFactory(data) {
|
|
|
|
return new SavedFilterModel(data)
|
|
|
|
}
|
|
|
|
|
|
|
|
processModel(model) {
|
|
|
|
// Make filters from this.filters camelCase and set them to the model property:
|
|
|
|
// That's easier than making the whole filter component configurable since that still needs to provide
|
|
|
|
// the filter values in snake_sćase for url parameters.
|
|
|
|
model.filters = objectToCamelCase(model.filters)
|
|
|
|
|
|
|
|
// Make sure all filterValues are passes as strings. This is a requirement of the api.
|
|
|
|
model.filters.filterValue = model.filters.filterValue.map(v => String(v))
|
|
|
|
|
|
|
|
return model
|
|
|
|
}
|
|
|
|
|
|
|
|
beforeUpdate(model) {
|
|
|
|
return this.processModel(model)
|
|
|
|
}
|
|
|
|
|
|
|
|
beforeCreate(model) {
|
|
|
|
return this.processModel(model)
|
|
|
|
}
|
|
|
|
}
|
2022-10-27 19:56:14 +00:00
|
|
|
|
|
|
|
export function useSavedFilter(listId?: MaybeRef<IList['id']>) {
|
|
|
|
const router = useRouter()
|
|
|
|
const {t} = useI18n({useScope:'global'})
|
|
|
|
const namespaceStore = useNamespaceStore()
|
|
|
|
|
|
|
|
const filterService = shallowReactive(new SavedFilterService())
|
|
|
|
|
2022-10-17 11:14:07 +00:00
|
|
|
const filter = ref<ISavedFilter>(new SavedFilterModel())
|
2022-10-27 19:56:14 +00:00
|
|
|
const filters = computed({
|
|
|
|
get: () => filter.value.filters,
|
|
|
|
set(value) {
|
|
|
|
filter.value.filters = value
|
|
|
|
},
|
|
|
|
})
|
|
|
|
|
2022-10-17 11:14:07 +00:00
|
|
|
// load SavedFilter
|
2022-10-27 19:56:14 +00:00
|
|
|
watch(() => unref(listId), async (watchedListId) => {
|
|
|
|
if (watchedListId === undefined) {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
// We assume the listId in the route is the pseudolist
|
|
|
|
const savedFilterId = getSavedFilterIdFromListId(watchedListId)
|
|
|
|
|
|
|
|
filter.value = new SavedFilterModel({id: savedFilterId})
|
|
|
|
const response = await filterService.get(filter.value)
|
|
|
|
response.filters = objectToSnakeCase(response.filters)
|
|
|
|
filter.value = response
|
|
|
|
}, {immediate: true})
|
|
|
|
|
|
|
|
async function createFilter() {
|
|
|
|
filter.value = await filterService.create(filter.value)
|
|
|
|
await namespaceStore.loadNamespaces()
|
|
|
|
router.push({name: 'list.index', params: {listId: getListId(filter.value)}})
|
|
|
|
}
|
|
|
|
|
|
|
|
async function saveFilter() {
|
|
|
|
const response = await filterService.update(filter.value)
|
|
|
|
await namespaceStore.loadNamespaces()
|
|
|
|
success({message: t('filters.edit.success')})
|
|
|
|
response.filters = objectToSnakeCase(response.filters)
|
|
|
|
filter.value = response
|
|
|
|
await useBaseStore().setCurrentList(new ListModel({
|
|
|
|
id: getListId(filter.value),
|
|
|
|
title: filter.value.title,
|
|
|
|
}))
|
|
|
|
router.back()
|
|
|
|
}
|
|
|
|
|
|
|
|
async function deleteFilter() {
|
|
|
|
await filterService.delete(filter.value)
|
|
|
|
await namespaceStore.loadNamespaces()
|
|
|
|
success({message: t('filters.delete.success')})
|
|
|
|
router.push({name: 'namespaces.index'})
|
|
|
|
}
|
|
|
|
|
2023-02-22 10:04:31 +00:00
|
|
|
const titleValid = ref(true)
|
|
|
|
const validateTitleField = useDebounceFn(() => {
|
|
|
|
titleValid.value = filter.value.title !== ''
|
|
|
|
}, 100)
|
|
|
|
|
|
|
|
async function createFilterWithValidation() {
|
|
|
|
if (!titleValid.value) {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
return createFilter()
|
|
|
|
}
|
|
|
|
|
|
|
|
async function saveFilterWithValidation() {
|
|
|
|
if (!titleValid.value) {
|
|
|
|
return
|
|
|
|
}
|
|
|
|
return saveFilter()
|
|
|
|
}
|
|
|
|
|
2022-10-27 19:56:14 +00:00
|
|
|
return {
|
|
|
|
createFilter,
|
2023-02-22 10:04:31 +00:00
|
|
|
createFilterWithValidation,
|
2022-10-27 19:56:14 +00:00
|
|
|
saveFilter,
|
2023-02-22 10:04:31 +00:00
|
|
|
saveFilterWithValidation,
|
2022-10-27 19:56:14 +00:00
|
|
|
deleteFilter,
|
|
|
|
|
|
|
|
filter,
|
|
|
|
filters,
|
|
|
|
|
|
|
|
filterService,
|
2023-02-22 10:04:31 +00:00
|
|
|
|
|
|
|
titleValid,
|
|
|
|
validateTitleField,
|
2022-10-27 19:56:14 +00:00
|
|
|
}
|
|
|
|
}
|