andrew
/
finnow
1
0
Fork 0
Code Issues 1 Pull Requests Actions Releases Activity

Added total debt.
Build and Deploy Web App / build-and-deploy (push) Successful in 18s Details

This commit is contained in:
andrewlalis 2025-09-11 15:55:31 -04:00
parent efd51d7f53
commit 74e8cc478d
1 changed files with 24 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
web-app/src/pages/home/AccountsModule.vue
View File

@ -1,12 +1,12 @@
<script setup lang="ts">
import { AccountApiClient, type Account, type CurrencyBalance } from '@/api/account'
import { AccountApiClient, AccountTypes, type Account, type CurrencyBalance } from '@/api/account'
import { formatMoney } from '@/api/data'
import { getSelectedProfile } from '@/api/profile'
import AccountCard from '@/components/AccountCard.vue'
import AppBadge from '@/components/common/AppBadge.vue'
import AppButton from '@/components/common/AppButton.vue'
import HomeModule from '@/components/HomeModule.vue'
import { onMounted, ref, type Ref } from 'vue'
import { computed, onMounted, ref, type Ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
const router = useRouter()
@ -14,6 +14,22 @@ const route = useRoute()
const accounts: Ref<Account[]> = ref([])
const totalBalances: Ref<CurrencyBalance[]> = ref([])
// Computed total amount of debt per currency.
const totalOwed: Ref<CurrencyBalance[]> = computed(() => {
const totals: CurrencyBalance[] = []
for (const acc of accounts.value) {
if (acc.currentBalance === null) continue
if (totals.filter(t => t.currency.code === acc.currency.code).length === 0) {
totals.push({ balance: 0, currency: acc.currency })
}
const currencyTotal = totals.filter(t => t.currency.code === acc.currency.code)[0]
const accountType = AccountTypes.of(acc.type)
if ((accountType.debitsPositive && acc.currentBalance < 0) || (!accountType.debitsPositive && acc.currentBalance > 0)) {
currencyTotal.balance += acc.currentBalance
}
}
return totals
})
onMounted(async () => {
const accountApi = new AccountApiClient(route)
@ -35,7 +51,12 @@ onMounted(async () => {
<div>
<AppBadge v-for="bal in totalBalances" :key="bal.currency.code">
Total {{ bal.currency.code }}: {{ formatMoney(bal.balance, bal.currency) }}
{{ bal.currency.code }} Total: <span class="font-mono">{{ formatMoney(bal.balance, bal.currency) }}</span>
</AppBadge>
<AppBadge v-for="debt in totalOwed" :key="debt.currency.code">
{{ debt.currency.code }} Debt: <span class="font-mono" :class="{ 'text-negative': debt.balance > 0 }">{{
formatMoney(debt.balance,
debt.currency) }}</span>
</AppBadge>
</div>
</template>