feat: reset gantt filter

package.json

@@ -41,6 +41,7 @@
     "dayjs": "^1.11.5",
     "dompurify": "2.4.0",
     "easymde": "2.18.0",
+    "fast-deep-equal": "^3.1.3",
     "flatpickr": "4.6.13",
     "flexsearch": "0.7.21",
     "floating-vue": "2.0.0-beta.20",

pnpm-lock.yaml

@@ -49,6 +49,7 @@ specifiers:
   eslint: 8.24.0
   eslint-plugin-vue: 9.6.0
   express: 4.18.1
+  fast-deep-equal: ^3.1.3
   flatpickr: 4.6.13
   flexsearch: 0.7.21
   floating-vue: 2.0.0-beta.20
@@ -111,6 +112,7 @@ dependencies:
   dayjs: 1.11.5
   dompurify: 2.4.0
   easymde: 2.18.0
+  fast-deep-equal: 3.1.3
   flatpickr: 4.6.13
   flexsearch: 0.7.21
   floating-vue: 2.0.0-beta.20_vue@3.2.41
@@ -6567,7 +6569,6 @@ packages:
 
   /fast-deep-equal/3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-    dev: true
 
   /fast-diff/1.2.0:
     resolution: {integrity: sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==}

src/composables/useRouteFilters.ts

@@ -1,11 +1,13 @@
 import {computed, ref, watch, type Ref} from 'vue'
 import {useRouter, type RouteLocationNormalized, type RouteLocationRaw} from 'vue-router'
 import cloneDeep from 'lodash.clonedeep'
+import equal from 'fast-deep-equal/es6'
 
 export type Filters = Record<string, any>
 
 export function useRouteFilters<CurrentFilters extends Filters>(
 		route: Ref<RouteLocationNormalized>,
+		getDefaultFilters: (route: RouteLocationNormalized) => CurrentFilters,
 		routeToFilters: (route: RouteLocationNormalized) => CurrentFilters,
 		filtersToRoute: (filters: CurrentFilters) => RouteLocationRaw,
 	) {
@@ -37,7 +39,17 @@ export function useRouteFilters<CurrentFilters extends Filters>(
     {flush: 'post'},
   )
 
+	const hasDefaultFilters = computed(() => {
+		return equal(filters.value, getDefaultFilters(route.value))
+	})
+
+	function setDefaultFilters() {
+		filters.value = getDefaultFilters(route.value)
+	}
+
   return {
     filters,
+    hasDefaultFilters,
+    setDefaultFilters,
   }
 }

src/views/list/ListGantt.vue

@@ -16,6 +16,12 @@
 							/>
 						</div>
 					</div>
+					<div class="field" v-if="!hasDefaultFilters">
+						<label class="label" for="range">Reset</label>
+						<div class="control">
+							<x-button @click="setDefaultFilters">Reset</x-button>
+						</div>
+					</div>
 					<fancycheckbox class="is-block" v-model="filters.showTasksWithoutDates">
 						{{ $t('list.gantt.showTasksWithoutDates') }}
 					</fancycheckbox>
@@ -74,6 +80,8 @@ const canWrite = computed(() => baseStore.currentList.maxRight > RIGHTS.READ)
 const {route} = toRefs(props)
 const {
 	filters,
+	hasDefaultFilters,
+	setDefaultFilters,
 	tasks,
 	isLoading,
 	addTask,

src/views/list/helpers/useGanttFilters.ts

@@ -47,6 +47,10 @@ function ganttRouteToFilters(route: Partial<RouteLocationNormalized>): GanttFilt
 	}
 }
 
+function ganttGetDefaultFilters(route: Partial<RouteLocationNormalized>): GanttFilters {
+	return ganttRouteToFilters({params: {listId: route.params?.listId as string}})
+}
+
 // FIXME: use zod for this
 function ganttFiltersToRoute(filters: GanttFilters): RouteLocationRaw {
 	let query: Record<string, string> = {}
@@ -88,9 +92,12 @@ export type UseGanttFiltersReturn = ReturnType<typeof useRouteFilters> & ReturnT
 export function useGanttFilters(route: Ref<RouteLocationNormalized>): UseGanttFiltersReturn {
 	const {
 		filters,
+		hasDefaultFilters,
+		setDefaultFilters,
 	} = useRouteFilters<GanttFilters>(
 		route,
 		ganttRouteToFilters,
+		ganttGetDefaultFilters,
 		ganttFiltersToRoute
 	)
 
@@ -105,6 +112,8 @@ export function useGanttFilters(route: Ref<RouteLocationNormalized>): UseGanttFi
 
 	return {
 		filters,
+		hasDefaultFilters,
+		setDefaultFilters,
 
 		tasks,
 		loadTasks,