zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show none when user does not have visible account or category

Browse Source
This commit is contained in:
MaysWind
2023-04-22 20:58:50 +08:00
parent b303f708f5
commit bb3939d570
1 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mobile/transactions/Edit.vue
+14 -5
View File
@@ -81,11 +81,14 @@
v-if="transaction.type === $constants.transaction.allTransactionTypes.Expense" v-if="transaction.type === $constants.transaction.allTransactionTypes.Expense"
> >
<template #title> <template #title>
<div class="list-item-custom-title"> <div class="list-item-custom-title" v-if="hasAvailableExpenseCategories">
<span>{{ getPrimaryCategoryName(transaction.expenseCategory, allCategories[$constants.category.allCategoryTypes.Expense]) }}</span> <span>{{ getPrimaryCategoryName(transaction.expenseCategory, allCategories[$constants.category.allCategoryTypes.Expense]) }}</span>
<f7-icon class="category-separate-icon" f7="chevron_right"></f7-icon> <f7-icon class="category-separate-icon" f7="chevron_right"></f7-icon>
<span>{{ getSecondaryCategoryName(transaction.expenseCategory, allCategories[$constants.category.allCategoryTypes.Expense]) }}</span> <span>{{ getSecondaryCategoryName(transaction.expenseCategory, allCategories[$constants.category.allCategoryTypes.Expense]) }}</span>
</div> </div>
<div class="list-item-custom-title" v-else-if="!hasAvailableExpenseCategories">
<span>{{ $t('None') }}</span>
</div>
</template> </template>
<tree-view-selection-sheet primary-key-field="id" primary-value-field="id" primary-title-field="name" <tree-view-selection-sheet primary-key-field="id" primary-value-field="id" primary-title-field="name"
primary-icon-field="icon" primary-icon-type="category" primary-color-field="color" primary-icon-field="icon" primary-icon-type="category" primary-color-field="color"
@@ -108,11 +111,14 @@
v-if="transaction.type === $constants.transaction.allTransactionTypes.Income" v-if="transaction.type === $constants.transaction.allTransactionTypes.Income"
> >
<template #title> <template #title>
<div class="list-item-custom-title"> <div class="list-item-custom-title" v-if="hasAvailableIncomeCategories">
<span>{{ getPrimaryCategoryName(transaction.incomeCategory, allCategories[$constants.category.allCategoryTypes.Income]) }}</span> <span>{{ getPrimaryCategoryName(transaction.incomeCategory, allCategories[$constants.category.allCategoryTypes.Income]) }}</span>
<f7-icon class="category-separate-icon" f7="chevron_right"></f7-icon> <f7-icon class="category-separate-icon" f7="chevron_right"></f7-icon>
<span>{{ getSecondaryCategoryName(transaction.incomeCategory, allCategories[$constants.category.allCategoryTypes.Income]) }}</span> <span>{{ getSecondaryCategoryName(transaction.incomeCategory, allCategories[$constants.category.allCategoryTypes.Income]) }}</span>
</div> </div>
<div class="list-item-custom-title" v-else-if="!hasAvailableIncomeCategories">
<span>{{ $t('None') }}</span>
</div>
</template> </template>
<tree-view-selection-sheet primary-key-field="id" primary-value-field="id" primary-title-field="name" <tree-view-selection-sheet primary-key-field="id" primary-value-field="id" primary-title-field="name"
primary-icon-field="icon" primary-icon-type="category" primary-color-field="color" primary-icon-field="icon" primary-icon-type="category" primary-color-field="color"
@@ -135,11 +141,14 @@
v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer" v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer"
> >
<template #title> <template #title>
<div class="list-item-custom-title"> <div class="list-item-custom-title" v-if="hasAvailableTransferCategories">
<span>{{ getPrimaryCategoryName(transaction.transferCategory, allCategories[$constants.category.allCategoryTypes.Transfer]) }}</span> <span>{{ getPrimaryCategoryName(transaction.transferCategory, allCategories[$constants.category.allCategoryTypes.Transfer]) }}</span>
<f7-icon class="category-separate-icon" f7="chevron_right"></f7-icon> <f7-icon class="category-separate-icon" f7="chevron_right"></f7-icon>
<span>{{ getSecondaryCategoryName(transaction.transferCategory, allCategories[$constants.category.allCategoryTypes.Transfer]) }}</span> <span>{{ getSecondaryCategoryName(transaction.transferCategory, allCategories[$constants.category.allCategoryTypes.Transfer]) }}</span>
</div> </div>
<div class="list-item-custom-title" v-else-if="!hasAvailableTransferCategories">
<span>{{ $t('None') }}</span>
</div>
</template> </template>
<tree-view-selection-sheet primary-key-field="id" primary-value-field="id" primary-title-field="name" <tree-view-selection-sheet primary-key-field="id" primary-value-field="id" primary-title-field="name"
primary-icon-field="icon" primary-icon-type="category" primary-color-field="color" primary-icon-field="icon" primary-icon-type="category" primary-color-field="color"
@@ -157,7 +166,7 @@
link="#" no-chevron link="#" no-chevron
:class="{ 'disabled': !allVisibleAccounts.length }" :class="{ 'disabled': !allVisibleAccounts.length }"
:header="$t(sourceAccountName)" :header="$t(sourceAccountName)"
:title="$utilities.getNameByKeyValue(allAccounts, transaction.sourceAccountId, 'id', 'name')" :title="transaction.sourceAccountId ? $utilities.getNameByKeyValue(allAccounts, transaction.sourceAccountId, 'id', 'name') : $t('None')"
@click="showSourceAccountSheet = true" @click="showSourceAccountSheet = true"
> >
<two-column-list-item-selection-sheet primary-key-field="id" primary-value-field="category" <two-column-list-item-selection-sheet primary-key-field="id" primary-value-field="category"
@@ -179,7 +188,7 @@
link="#" no-chevron link="#" no-chevron
:class="{ 'disabled': !allVisibleAccounts.length }" :class="{ 'disabled': !allVisibleAccounts.length }"
:header="$t('Destination Account')" :header="$t('Destination Account')"
:title="$utilities.getNameByKeyValue(allAccounts, transaction.destinationAccountId, 'id', 'name')" :title="transaction.destinationAccountId ? $utilities.getNameByKeyValue(allAccounts, transaction.destinationAccountId, 'id', 'name') : $t('None')"
v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer" v-if="transaction.type === $constants.transaction.allTransactionTypes.Transfer"
@click="showDestinationAccountSheet = true" @click="showDestinationAccountSheet = true"
> >