feat: unify savedFilter logic in service (#2491)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2491
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>

src/services/savedFilter.ts

@@ -1,7 +1,46 @@
-import AbstractService from '@/services/abstractService'
-import SavedFilterModel from '@/models/savedFilter'
+import {computed, ref, shallowReactive, unref, watch} from 'vue'
+import {useRouter} from 'vue-router'
+import {useI18n} from 'vue-i18n'
+import type {MaybeRef} from '@vueuse/core'
+
+import type {IList} from '@/modelTypes/IList'
 import type {ISavedFilter} from '@/modelTypes/ISavedFilter'
-import {objectToCamelCase} from '@/helpers/case'
+
+import AbstractService from '@/services/abstractService'
+
+import SavedFilterModel from '@/models/savedFilter'
+
+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
+}
 
 export default class SavedFilterService extends AbstractService<ISavedFilter> {
 	constructor() {
@@ -37,3 +76,71 @@ export default class SavedFilterService extends AbstractService<ISavedFilter> {
 		return this.processModel(model)
 	}
 }
+
+export function useSavedFilter(listId?: MaybeRef<IList['id']>) {
+	const router = useRouter()
+	const {t} = useI18n({useScope:'global'})
+	const namespaceStore = useNamespaceStore()
+
+	const filterService = shallowReactive(new SavedFilterService())
+
+	const filter = ref(new SavedFilterModel())
+	const filters = computed({
+		get: () => filter.value.filters,
+		set(value) {
+			filter.value.filters = value
+		},
+	})
+
+	// loadSavedFilter
+	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'})
+	}
+
+	return {
+		createFilter,
+		saveFilter,
+		deleteFilter,
+
+		filter,
+		filters,
+
+		filterService,
+	}
+}