mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-17 08:14:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

support showing hidden tags in filtering page / dialog

Browse Source
This commit is contained in:
MaysWind
2024-07-24 00:10:29 +08:00
parent 266dafa4a9
commit 021e523d63
5 changed files with 52 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mobile/settings/TransactionTagFilterSettingsPage.vue
+15 -5
View File
@@ -66,10 +66,15 @@
:value="transactionTag.id"
:checked="!filterTagIds[transactionTag.id]"
:key="transactionTag.id"
v-for="transactionTag in allVisibleTags"
v-for="transactionTag in allTags"
v-show="showHidden || !transactionTag.hidden"
@change="selectTransactionTag">
<template #media>
<f7-icon f7="number"></f7-icon>
<f7-icon f7="number">
<f7-badge color="gray" class="right-bottom-icon" v-if="transactionTag.hidden">
<f7-icon f7="eye_slash_fill"></f7-icon>
</f7-badge>
</f7-icon>
</template>
</f7-list-item>
</f7-list>
@@ -83,6 +88,10 @@
<f7-actions-button @click="selectNone">{{ $t('Select None') }}</f7-actions-button>
<f7-actions-button @click="selectInvert">{{ $t('Invert Selection') }}</f7-actions-button>
</f7-actions-group>
<f7-actions-group>
<f7-actions-button v-if="!showHidden" @click="showHidden = true">{{ $t('Show Hidden Transaction Tags') }}</f7-actions-button>
<f7-actions-button v-if="showHidden" @click="showHidden = false">{{ $t('Hide Hidden Transaction Tags') }}</f7-actions-button>
</f7-actions-group>
<f7-actions-group>
<f7-actions-button bold close>{{ $t('Cancel') }}</f7-actions-button>
</f7-actions-group>
@@ -112,6 +121,7 @@ export default {
loadingError: null,
type: null,
filterTagIds: {},
showHidden: false,
collapseStates: {
'default': {
opened: true
@@ -128,11 +138,11 @@ export default {
applyText() {
return 'Apply';
},
allVisibleTags() {
return this.transactionTagsStore.allVisibleTags;
allTags() {
return this.transactionTagsStore.allTransactionTags;
},
hasAnyAvailableTag() {
return this.transactionTagsStore.allVisibleTagsCount > 0;
return this.transactionTagsStore.allAvailableTagsCount > 0;
}
},
created() {