add clear all filters in import dialog (#416)

This commit is contained in:
MaysWind
2026-01-04 11:02:09 +08:00
parent 8651755d7a
commit fb25f589fb
20 changed files with 47 additions and 2 deletions
@@ -45,7 +45,7 @@
<v-list>
<template :key="groupIndex" v-for="(group, groupIndex) in importTransactionCheckDataTab.filterMenus">
<v-divider class="my-2" v-if="groupIndex > 0" />
<v-list-subheader :title="group.title" />
<v-list-subheader :title="group.title" v-if="group.title" />
<v-list-item :key="`menu_${groupIndex}_${index}`"
:prepend-icon="menu.prependIcon"
:title="menu.title"
@@ -452,6 +452,7 @@ import {
mdiAlertOutline,
mdiPound,
mdiTextBoxEditOutline,
mdiFilterOffOutline,
mdiShapePlusOutline,
mdiPencilBoxMultipleOutline,
mdiNumericPositive1,
@@ -475,7 +476,7 @@ interface ImportTransactionCheckDataFilter {
}
interface ImportTransactionCheckDataMenuGroup {
title: string;
title?: string;
items: ImportTransactionCheckDataMenu[];
}
@@ -560,6 +561,32 @@ const isEditing = computed<boolean>(() => !!editingTransaction.value);
const canImport = computed<boolean>(() => selectedImportTransactionCount.value > 0 && selectedInvalidTransactionCount.value < 1);
const filterMenus = computed<ImportTransactionCheckDataMenuGroup[]>(() => [
{
items: [
{
title: tt('Clear All Filters'),
prependIcon: mdiFilterOffOutline,
disabled: filters.value.minDatetime === null
&& filters.value.maxDatetime === null
&& filters.value.transactionType === null
&& filters.value.category === null
&& filters.value.amount === null
&& filters.value.account === null
&& filters.value.tag === null
&& filters.value.description === null,
onClick: () => {
filters.value.minDatetime = null;
filters.value.maxDatetime = null;
filters.value.transactionType = null;
filters.value.category = null;
filters.value.amount = null;
filters.value.account = null;
filters.value.tag = null;
filters.value.description = null;
}
}
]
},
{
title: tt('Date Range'),
items: [