mirror of
https://github.com/mayswind/ezbookkeeping.git
synced 2026-05-18 00:34:28 +08:00
transaction overview supports multi currencies
This commit is contained in:
+66
-5
@@ -14,12 +14,14 @@ import (
|
|||||||
// OverviewApi represents overview api
|
// OverviewApi represents overview api
|
||||||
type OverviewApi struct {
|
type OverviewApi struct {
|
||||||
transactions *services.TransactionService
|
transactions *services.TransactionService
|
||||||
|
accounts *services.AccountService
|
||||||
}
|
}
|
||||||
|
|
||||||
// Initialize an overview api singleton instance
|
// Initialize an overview api singleton instance
|
||||||
var (
|
var (
|
||||||
Overviews = &OverviewApi{
|
Overviews = &OverviewApi{
|
||||||
transactions: services.Transactions,
|
transactions: services.Transactions,
|
||||||
|
accounts: services.Accounts,
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
|
||||||
@@ -79,23 +81,82 @@ func (a *OverviewApi) TransactionOverviewHandler(c *core.Context) (interface{},
|
|||||||
|
|
||||||
uid := c.GetCurrentUid()
|
uid := c.GetCurrentUid()
|
||||||
|
|
||||||
|
accounts, err := a.accounts.GetAllAccountsByUid(uid)
|
||||||
|
accountMap := a.accounts.GetAccountMapByList(accounts)
|
||||||
|
|
||||||
|
if err != nil {
|
||||||
|
log.ErrorfWithRequestId(c, "[overviews.TransactionOverviewHandler] failed to get all accounts for user \"uid:%d\", because %s", uid, err.Error())
|
||||||
|
return nil, errs.ErrOperationFailed
|
||||||
|
}
|
||||||
|
|
||||||
overviewResp := make(map[string]*models.TransactionOverviewResponseItem)
|
overviewResp := make(map[string]*models.TransactionOverviewResponseItem)
|
||||||
|
|
||||||
for i := 0; i < len(requestItems); i++ {
|
for i := 0; i < len(requestItems); i++ {
|
||||||
requestItem := requestItems[i]
|
requestItem := requestItems[i]
|
||||||
|
|
||||||
incomeAmount, expenseAmount, err := a.transactions.GetTotalIncomeAndExpenseByDateRange(uid, requestItem.StartTime, requestItem.EndTime)
|
incomeAmounts, expenseAmounts, err := a.transactions.GetAccountsTotalIncomeAndExpense(uid, requestItem.StartTime, requestItem.EndTime)
|
||||||
|
|
||||||
if err != nil {
|
if err != nil {
|
||||||
log.ErrorfWithRequestId(c, "[overviews.TransactionOverviewHandler] failed to get transaction overview item for user \"uid:%d\", because %s", uid, err.Error())
|
log.ErrorfWithRequestId(c, "[overviews.TransactionOverviewHandler] failed to get transaction overview item for user \"uid:%d\", because %s", uid, err.Error())
|
||||||
return nil, errs.ErrOperationFailed
|
return nil, errs.ErrOperationFailed
|
||||||
}
|
}
|
||||||
|
|
||||||
|
amountsMap := make(map[string]*models.TransactionOverviewResponseItemAmount)
|
||||||
|
|
||||||
|
for accountId, incomeAmount := range incomeAmounts {
|
||||||
|
account, exists := accountMap[accountId]
|
||||||
|
|
||||||
|
if !exists {
|
||||||
|
log.WarnfWithRequestId(c, "[overviews.TransactionOverviewHandler] cannot find account for account \"id:%d\" of user \"uid:%d\", because %s", accountId, uid)
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
|
||||||
|
totalAmounts, exists := amountsMap[account.Currency]
|
||||||
|
|
||||||
|
if !exists {
|
||||||
|
totalAmounts = &models.TransactionOverviewResponseItemAmount{
|
||||||
|
Currency: account.Currency,
|
||||||
|
IncomeAmount: 0,
|
||||||
|
ExpenseAmount: 0,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
totalAmounts.IncomeAmount += incomeAmount
|
||||||
|
amountsMap[account.Currency] = totalAmounts
|
||||||
|
}
|
||||||
|
|
||||||
|
for accountId, expenseAmount := range expenseAmounts {
|
||||||
|
account, exists := accountMap[accountId]
|
||||||
|
|
||||||
|
if !exists {
|
||||||
|
log.WarnfWithRequestId(c, "[overviews.TransactionOverviewHandler] cannot find account for account \"id:%d\" of user \"uid:%d\", because %s", accountId, uid)
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
|
||||||
|
totalAmounts, exists := amountsMap[account.Currency]
|
||||||
|
|
||||||
|
if !exists {
|
||||||
|
totalAmounts = &models.TransactionOverviewResponseItemAmount{
|
||||||
|
Currency: account.Currency,
|
||||||
|
IncomeAmount: 0,
|
||||||
|
ExpenseAmount: 0,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
totalAmounts.ExpenseAmount += expenseAmount
|
||||||
|
amountsMap[account.Currency] = totalAmounts
|
||||||
|
}
|
||||||
|
|
||||||
|
allTotalAmounts := make([]*models.TransactionOverviewResponseItemAmount, 0)
|
||||||
|
|
||||||
|
for _, totalAmounts := range amountsMap {
|
||||||
|
allTotalAmounts = append(allTotalAmounts, totalAmounts)
|
||||||
|
}
|
||||||
|
|
||||||
overviewResp[requestItem.Name] = &models.TransactionOverviewResponseItem{
|
overviewResp[requestItem.Name] = &models.TransactionOverviewResponseItem{
|
||||||
StartTime: requestItem.StartTime,
|
StartTime: requestItem.StartTime,
|
||||||
EndTime: requestItem.EndTime,
|
EndTime: requestItem.EndTime,
|
||||||
IncomeAmount: incomeAmount,
|
Amounts: allTotalAmounts,
|
||||||
ExpenseAmount: expenseAmount,
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
+10
-4
@@ -14,8 +14,14 @@ type TransactionOverviewRequestItem struct {
|
|||||||
|
|
||||||
// TransactionOverviewResponseItem represents an item of transaction overview
|
// TransactionOverviewResponseItem represents an item of transaction overview
|
||||||
type TransactionOverviewResponseItem struct {
|
type TransactionOverviewResponseItem struct {
|
||||||
StartTime int64 `json:"startTime"`
|
StartTime int64 `json:"startTime"`
|
||||||
EndTime int64 `json:"endTime"`
|
EndTime int64 `json:"endTime"`
|
||||||
IncomeAmount int64 `json:"incomeAmount"`
|
Amounts []*TransactionOverviewResponseItemAmount `json:"amounts"`
|
||||||
ExpenseAmount int64 `json:"expenseAmount"`
|
}
|
||||||
|
|
||||||
|
// TransactionOverviewResponseItemAmount represents amount info for an response item
|
||||||
|
type TransactionOverviewResponseItemAmount struct {
|
||||||
|
Currency string `json:"currency"`
|
||||||
|
IncomeAmount int64 `json:"incomeAmount"`
|
||||||
|
ExpenseAmount int64 `json:"expenseAmount"`
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -923,36 +923,36 @@ func (s *TransactionService) GetRelatedTransferTransaction(originalTransaction *
|
|||||||
return relatedTransaction
|
return relatedTransaction
|
||||||
}
|
}
|
||||||
|
|
||||||
// GetTotalIncomeAndExpenseByDateRange returns the total income and expense amount by specific date range
|
// GetAccountsTotalIncomeAndExpense returns the every accounts total income and expense amount by specific date range
|
||||||
func (s *TransactionService) GetTotalIncomeAndExpenseByDateRange(uid int64, startUnixTime int64, endUnixTime int64) (int64, int64, error) {
|
func (s *TransactionService) GetAccountsTotalIncomeAndExpense(uid int64, startUnixTime int64, endUnixTime int64) (map[int64]int64, map[int64]int64, error) {
|
||||||
if uid <= 0 {
|
if uid <= 0 {
|
||||||
return 0, 0, errs.ErrUserIdInvalid
|
return nil, nil, errs.ErrUserIdInvalid
|
||||||
}
|
}
|
||||||
|
|
||||||
startTransactionTime := utils.GetMinTransactionTimeFromUnixTime(startUnixTime)
|
startTransactionTime := utils.GetMinTransactionTimeFromUnixTime(startUnixTime)
|
||||||
endTransactionTime := utils.GetMaxTransactionTimeFromUnixTime(endUnixTime)
|
endTransactionTime := utils.GetMaxTransactionTimeFromUnixTime(endUnixTime)
|
||||||
|
|
||||||
var transactionTotalAmounts []*models.Transaction
|
var transactionTotalAmounts []*models.Transaction
|
||||||
err := s.UserDataDB(uid).Select("uid, type, SUM(amount) as amount").Where("uid=? AND deleted=? AND (type=? OR type=?) AND transaction_time>=? AND transaction_time<=?", uid, false, models.TRANSACTION_DB_TYPE_INCOME, models.TRANSACTION_DB_TYPE_EXPENSE, startTransactionTime, endTransactionTime).GroupBy("type").Find(&transactionTotalAmounts)
|
err := s.UserDataDB(uid).Select("uid, type, account_id, SUM(amount) as amount").Where("uid=? AND deleted=? AND (type=? OR type=?) AND transaction_time>=? AND transaction_time<=?", uid, false, models.TRANSACTION_DB_TYPE_INCOME, models.TRANSACTION_DB_TYPE_EXPENSE, startTransactionTime, endTransactionTime).GroupBy("type, account_id").Find(&transactionTotalAmounts)
|
||||||
|
|
||||||
if err != nil {
|
if err != nil {
|
||||||
return 0, 0, err
|
return nil, nil, err
|
||||||
}
|
}
|
||||||
|
|
||||||
var incomeAmount int64
|
incomeAmounts := make(map[int64]int64)
|
||||||
var expenseAmount int64
|
expenseAmounts := make(map[int64]int64)
|
||||||
|
|
||||||
for i := 0; i < len(transactionTotalAmounts); i++ {
|
for i := 0; i < len(transactionTotalAmounts); i++ {
|
||||||
transactionTotalAmount := transactionTotalAmounts[i]
|
transactionTotalAmount := transactionTotalAmounts[i]
|
||||||
|
|
||||||
if transactionTotalAmount.Type == models.TRANSACTION_DB_TYPE_INCOME {
|
if transactionTotalAmount.Type == models.TRANSACTION_DB_TYPE_INCOME {
|
||||||
incomeAmount = transactionTotalAmount.Amount
|
incomeAmounts[transactionTotalAmount.AccountId] = transactionTotalAmount.Amount
|
||||||
} else if transactionTotalAmount.Type == models.TRANSACTION_DB_TYPE_EXPENSE {
|
} else if transactionTotalAmount.Type == models.TRANSACTION_DB_TYPE_EXPENSE {
|
||||||
expenseAmount = transactionTotalAmount.Amount
|
expenseAmounts[transactionTotalAmount.AccountId] = transactionTotalAmount.Amount
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return incomeAmount, expenseAmount, nil
|
return incomeAmounts, expenseAmounts, nil
|
||||||
}
|
}
|
||||||
|
|
||||||
func (s *TransactionService) isAccountIdValid(transaction *models.Transaction) error {
|
func (s *TransactionService) isAccountIdValid(transaction *models.Transaction) error {
|
||||||
|
|||||||
+54
-3
@@ -1,12 +1,15 @@
|
|||||||
import services from '../lib/services.js';
|
import services from '../lib/services.js';
|
||||||
import logger from '../lib/logger.js';
|
import logger from '../lib/logger.js';
|
||||||
|
import utils from '../lib/utils.js';
|
||||||
|
|
||||||
|
import { getExchangedAmount } from "./exchangeRates.js";
|
||||||
|
|
||||||
import {
|
import {
|
||||||
LOAD_TRANSACTION_OVERVIEW,
|
LOAD_TRANSACTION_OVERVIEW,
|
||||||
UPDATE_TRANSACTION_OVERVIEW_INVALID_STATE,
|
UPDATE_TRANSACTION_OVERVIEW_INVALID_STATE,
|
||||||
} from './mutations.js';
|
} from './mutations.js';
|
||||||
|
|
||||||
export function loadTransactionOverview(context, { dateRange, force }) {
|
export function loadTransactionOverview(context, { defaultCurrency, dateRange, force }) {
|
||||||
if (!force && !context.state.transactionOverviewStateInvalid) {
|
if (!force && !context.state.transactionOverviewStateInvalid) {
|
||||||
return new Promise((resolve) => {
|
return new Promise((resolve) => {
|
||||||
resolve(context.state.transactionOverview);
|
resolve(context.state.transactionOverview);
|
||||||
@@ -27,13 +30,61 @@ export function loadTransactionOverview(context, { dateRange, force }) {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
context.commit(LOAD_TRANSACTION_OVERVIEW, data.result);
|
const overview = data.result;
|
||||||
|
|
||||||
|
for (let field in overview) {
|
||||||
|
if (!Object.prototype.hasOwnProperty.call(overview, field)) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
const item = overview[field];
|
||||||
|
|
||||||
|
if (!item.amounts || !item.amounts.length) {
|
||||||
|
item.amounts = [];
|
||||||
|
}
|
||||||
|
|
||||||
|
let totalIncomeAmount = 0;
|
||||||
|
let totalExpenseAmount = 0;
|
||||||
|
let hasUnCalculatedTotalIncome = false;
|
||||||
|
let hasUnCalculatedTotalExpense = false;
|
||||||
|
|
||||||
|
for (let i = 0; i < item.amounts.length; i++) {
|
||||||
|
const amount = item.amounts[i];
|
||||||
|
|
||||||
|
if (amount.currency !== defaultCurrency) {
|
||||||
|
const incomeAmount = getExchangedAmount(context.state)(amount.incomeAmount, amount.currency, defaultCurrency);
|
||||||
|
const expenseAmount = getExchangedAmount(context.state)(amount.expenseAmount, amount.currency, defaultCurrency);
|
||||||
|
|
||||||
|
if (utils.isNumber(incomeAmount)) {
|
||||||
|
totalIncomeAmount += Math.floor(incomeAmount);
|
||||||
|
} else {
|
||||||
|
hasUnCalculatedTotalIncome = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (utils.isNumber(expenseAmount)) {
|
||||||
|
totalExpenseAmount += Math.floor(expenseAmount);
|
||||||
|
} else {
|
||||||
|
hasUnCalculatedTotalExpense = true;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
totalIncomeAmount += amount.incomeAmount;
|
||||||
|
totalExpenseAmount += amount.expenseAmount;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
item.incomeAmount = totalIncomeAmount;
|
||||||
|
item.expenseAmount = totalExpenseAmount;
|
||||||
|
item.incompleteIncomeAmount = hasUnCalculatedTotalIncome;
|
||||||
|
item.incompleteExpenseAmount = hasUnCalculatedTotalExpense;
|
||||||
|
}
|
||||||
|
|
||||||
|
context.commit(LOAD_TRANSACTION_OVERVIEW, overview);
|
||||||
|
|
||||||
if (context.state.transactionOverviewStateInvalid) {
|
if (context.state.transactionOverviewStateInvalid) {
|
||||||
context.commit(UPDATE_TRANSACTION_OVERVIEW_INVALID_STATE, false);
|
context.commit(UPDATE_TRANSACTION_OVERVIEW_INVALID_STATE, false);
|
||||||
}
|
}
|
||||||
|
|
||||||
resolve(data.result);
|
resolve(overview);
|
||||||
}).catch(error => {
|
}).catch(error => {
|
||||||
if (force) {
|
if (force) {
|
||||||
logger.error('failed to force load transaction overview', error);
|
logger.error('failed to force load transaction overview', error);
|
||||||
|
|||||||
+23
-20
@@ -20,7 +20,7 @@
|
|||||||
</p>
|
</p>
|
||||||
<p class="no-margin">
|
<p class="no-margin">
|
||||||
<span class="month-expense" v-if="loading">0.00 USD</span>
|
<span class="month-expense" v-if="loading">0.00 USD</span>
|
||||||
<span class="month-expense" v-else-if="!loading">{{ thisMonthExpense | amount(showAmountInHomePage) | currency(defaultCurrency) }}</span>
|
<span class="month-expense" v-else-if="!loading">{{ thisMonthAmount.expenseAmount | amount(showAmountInHomePage) | currency(defaultCurrency) | completeAmount(thisMonthAmount.incompleteExpenseAmount) }}</span>
|
||||||
<f7-link class="margin-left-half" @click="toggleShowAmountInHomePage()">
|
<f7-link class="margin-left-half" @click="toggleShowAmountInHomePage()">
|
||||||
<f7-icon :f7="showAmountInHomePage ? 'eye_slash_fill' : 'eye_fill'" size="18px"></f7-icon>
|
<f7-icon :f7="showAmountInHomePage ? 'eye_slash_fill' : 'eye_fill'" size="18px"></f7-icon>
|
||||||
</f7-link>
|
</f7-link>
|
||||||
@@ -29,7 +29,7 @@
|
|||||||
<small class="home-summary-misc" v-if="loading">Income of this month 0.00 USD</small>
|
<small class="home-summary-misc" v-if="loading">Income of this month 0.00 USD</small>
|
||||||
<small class="home-summary-misc" v-else-if="!loading">
|
<small class="home-summary-misc" v-else-if="!loading">
|
||||||
<span>{{ $t('Income of this month') }}</span>
|
<span>{{ $t('Income of this month') }}</span>
|
||||||
<span>{{ thisMonthIncome | amount(showAmountInHomePage) | currency(defaultCurrency) }}</span>
|
<span>{{ thisMonthAmount.incomeAmount | amount(showAmountInHomePage) | currency(defaultCurrency) | completeAmount(thisMonthAmount.incompleteIncomeAmount) }}</span>
|
||||||
</small>
|
</small>
|
||||||
</p>
|
</p>
|
||||||
</f7-card-header>
|
</f7-card-header>
|
||||||
@@ -53,11 +53,11 @@
|
|||||||
<div slot="after">
|
<div slot="after">
|
||||||
<div class="text-color-red">
|
<div class="text-color-red">
|
||||||
<small v-if="loading">0.00 USD</small>
|
<small v-if="loading">0.00 USD</small>
|
||||||
<small v-else-if="!loading && transactionOverview.today">{{ transactionOverview.today.incomeAmount | amount(showAmountInHomePage) | currency(defaultCurrency) }}</small>
|
<small v-else-if="!loading && transactionOverview.today">{{ transactionOverview.today.incomeAmount | amount(showAmountInHomePage) | currency(defaultCurrency) | completeAmount(transactionOverview.today.incompleteIncomeAmount) }}</small>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-color-teal">
|
<div class="text-color-teal">
|
||||||
<small v-if="loading">0.00 USD</small>
|
<small v-if="loading">0.00 USD</small>
|
||||||
<small v-else-if="!loading && transactionOverview.today">{{ transactionOverview.today.expenseAmount | amount(showAmountInHomePage) | currency(defaultCurrency) }}</small>
|
<small v-else-if="!loading && transactionOverview.today">{{ transactionOverview.today.expenseAmount | amount(showAmountInHomePage) | currency(defaultCurrency) | completeAmount(transactionOverview.today.incompleteExpenseAmount) }}</small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</f7-list-item>
|
</f7-list-item>
|
||||||
@@ -80,11 +80,11 @@
|
|||||||
<div slot="after">
|
<div slot="after">
|
||||||
<div class="text-color-red">
|
<div class="text-color-red">
|
||||||
<small v-if="loading">0.00 USD</small>
|
<small v-if="loading">0.00 USD</small>
|
||||||
<small v-else-if="!loading && transactionOverview.thisWeek">{{ transactionOverview.thisWeek.incomeAmount | amount(showAmountInHomePage) | currency(defaultCurrency) }}</small>
|
<small v-else-if="!loading && transactionOverview.thisWeek">{{ transactionOverview.thisWeek.incomeAmount | amount(showAmountInHomePage) | currency(defaultCurrency) | completeAmount(transactionOverview.thisWeek.incompleteIncomeAmount) }}</small>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-color-teal">
|
<div class="text-color-teal">
|
||||||
<small v-if="loading">0.00 USD</small>
|
<small v-if="loading">0.00 USD</small>
|
||||||
<small v-else-if="!loading && transactionOverview.thisWeek">{{ transactionOverview.thisWeek.expenseAmount | amount(showAmountInHomePage) | currency(defaultCurrency) }}</small>
|
<small v-else-if="!loading && transactionOverview.thisWeek">{{ transactionOverview.thisWeek.expenseAmount | amount(showAmountInHomePage) | currency(defaultCurrency) | completeAmount(transactionOverview.thisWeek.incompleteExpenseAmount) }}</small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</f7-list-item>
|
</f7-list-item>
|
||||||
@@ -107,11 +107,11 @@
|
|||||||
<div slot="after">
|
<div slot="after">
|
||||||
<div class="text-color-red">
|
<div class="text-color-red">
|
||||||
<small v-if="loading">0.00 USD</small>
|
<small v-if="loading">0.00 USD</small>
|
||||||
<small v-else-if="!loading && transactionOverview.thisMonth">{{ transactionOverview.thisMonth.incomeAmount | amount(showAmountInHomePage) | currency(defaultCurrency) }}</small>
|
<small v-else-if="!loading && transactionOverview.thisMonth">{{ transactionOverview.thisMonth.incomeAmount | amount(showAmountInHomePage) | currency(defaultCurrency) | completeAmount(transactionOverview.thisMonth.incompleteIncomeAmount) }}</small>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-color-teal">
|
<div class="text-color-teal">
|
||||||
<small v-if="loading">0.00 USD</small>
|
<small v-if="loading">0.00 USD</small>
|
||||||
<small v-else-if="!loading && transactionOverview.thisMonth">{{ transactionOverview.thisMonth.expenseAmount | amount(showAmountInHomePage) | currency(defaultCurrency) }}</small>
|
<small v-else-if="!loading && transactionOverview.thisMonth">{{ transactionOverview.thisMonth.expenseAmount | amount(showAmountInHomePage) | currency(defaultCurrency) | completeAmount(transactionOverview.thisMonth.incompleteExpenseAmount) }}</small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</f7-list-item>
|
</f7-list-item>
|
||||||
@@ -131,11 +131,11 @@
|
|||||||
<div slot="after">
|
<div slot="after">
|
||||||
<div class="text-color-red">
|
<div class="text-color-red">
|
||||||
<small v-if="loading">0.00 USD</small>
|
<small v-if="loading">0.00 USD</small>
|
||||||
<small v-else-if="!loading && transactionOverview.thisYear">{{ transactionOverview.thisYear.incomeAmount | amount(showAmountInHomePage) | currency(defaultCurrency) }}</small>
|
<small v-else-if="!loading && transactionOverview.thisYear">{{ transactionOverview.thisYear.incomeAmount | amount(showAmountInHomePage) | currency(defaultCurrency) | completeAmount(transactionOverview.thisYear.incompleteIncomeAmount) }}</small>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-color-teal">
|
<div class="text-color-teal">
|
||||||
<small v-if="loading">0.00 USD</small>
|
<small v-if="loading">0.00 USD</small>
|
||||||
<small v-else-if="!loading && transactionOverview.thisYear">{{ transactionOverview.thisYear.expenseAmount | amount(showAmountInHomePage) | currency(defaultCurrency) }}</small>
|
<small v-else-if="!loading && transactionOverview.thisYear">{{ transactionOverview.thisYear.expenseAmount | amount(showAmountInHomePage) | currency(defaultCurrency) | completeAmount(transactionOverview.thisYear.incompleteExpenseAmount) }}</small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</f7-list-item>
|
</f7-list-item>
|
||||||
@@ -185,19 +185,17 @@ export default {
|
|||||||
defaultCurrency() {
|
defaultCurrency() {
|
||||||
return this.$store.getters.currentUserDefaultCurrency || this.$t('default.currency');
|
return this.$store.getters.currentUserDefaultCurrency || this.$t('default.currency');
|
||||||
},
|
},
|
||||||
thisMonthExpense() {
|
thisMonthAmount() {
|
||||||
if (!this.$store.state.transactionOverview || !this.$store.state.transactionOverview.thisMonth) {
|
if (!this.$store.state.transactionOverview || !this.$store.state.transactionOverview.thisMonth) {
|
||||||
return 0;
|
return {
|
||||||
|
incomeAmount : 0,
|
||||||
|
expenseAmount : 0,
|
||||||
|
incompleteIncomeAmount: false,
|
||||||
|
incompleteExpenseAmount : false
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
return this.$store.state.transactionOverview.thisMonth.expenseAmount;
|
return this.$store.state.transactionOverview.thisMonth;
|
||||||
},
|
|
||||||
thisMonthIncome() {
|
|
||||||
if (!this.$store.state.transactionOverview || !this.$store.state.transactionOverview.thisMonth) {
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
return this.$store.state.transactionOverview.thisMonth.incomeAmount;
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
@@ -206,6 +204,7 @@ export default {
|
|||||||
self.loading = true;
|
self.loading = true;
|
||||||
|
|
||||||
self.$store.dispatch('loadTransactionOverview', {
|
self.$store.dispatch('loadTransactionOverview', {
|
||||||
|
defaultCurrency: self.defaultCurrency,
|
||||||
dateRange: self.dateRange,
|
dateRange: self.dateRange,
|
||||||
force: false
|
force: false
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
@@ -237,6 +236,7 @@ export default {
|
|||||||
const self = this;
|
const self = this;
|
||||||
|
|
||||||
self.$store.dispatch('loadTransactionOverview', {
|
self.$store.dispatch('loadTransactionOverview', {
|
||||||
|
defaultCurrency: self.defaultCurrency,
|
||||||
dateRange: self.dateRange,
|
dateRange: self.dateRange,
|
||||||
force: true
|
force: true
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
@@ -288,6 +288,9 @@ export default {
|
|||||||
|
|
||||||
return amount;
|
return amount;
|
||||||
},
|
},
|
||||||
|
completeAmount(amount, incomplete) {
|
||||||
|
return amount + (incomplete ? '+' : '');
|
||||||
|
},
|
||||||
monthNameLocalizedKey(monthName) {
|
monthNameLocalizedKey(monthName) {
|
||||||
return `datetime.${monthName}.long`;
|
return `datetime.${monthName}.long`;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user