diff --git a/frontend/src/components/accounts/Show.vue b/frontend/src/components/accounts/Show.vue index c0abfcd9c4..ae806574a0 100644 --- a/frontend/src/components/accounts/Show.vue +++ b/frontend/src/components/accounts/Show.vue @@ -58,11 +58,13 @@
{{ $t('firefly.description') }} | +{{ $t('firefly.opposing_account') }} | +{{ $t('firefly.amount') }} | +{{ $t('firefly.category') }} | +{{ $t('firefly.budget') }} | +
---|---|---|---|---|
+ + {{ transaction.attributes.group_title }} + {{ transaction.attributes.transactions[0].description }} + + | +
+
+ {{ tr.destination_name }}
+ {{ tr.source_name }}
+ {{ tr.destination_name }}
+ {{ tr.source_name }}
+ + + |
+
+
+
+ {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} + + + {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} + + + {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} + + + {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} + + + |
+
+
+ {{ tr.category_name }} + + |
+
+
+ {{ tr.budget_name }} + + |
+
{{ $t('firefly.description') }} | +{{ $t('firefly.opposing_account') }} | +{{ $t('firefly.amount') }} | +
---|---|---|
+ + {{ transaction.attributes.group_title }} + {{ transaction.attributes.transactions[0].description }} + + | +
+
+ {{ tr.destination_name }}
+ {{ tr.source_name }}
+ {{ tr.destination_name }}
+ {{ tr.source_name }}
+ + + |
+
+
+
+ {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} + + + {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} + + + {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} + + + {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} + + + |
+
{{ $t('firefly.description') }} | +{{ $t('firefly.amount') }} | +
---|---|
+ + {{ transaction.attributes.group_title }} + {{ transaction.attributes.transactions[0].description }} + + | +
+
+
+ {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} + + + {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} + + + {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} + + + {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} + + + |
+
{{ $t('firefly.description') }} | \n{{ $t('firefly.opposing_account') }} | \n{{ $t('firefly.amount') }} | \n{{ $t('firefly.category') }} | \n{{ $t('firefly.budget') }} | \n
---|---|---|---|---|
\n \n 1\">{{ transaction.attributes.group_title }}\n {{ transaction.attributes.transactions[0].description }}\n \n | \n\n \n {{ tr.destination_name }}\n {{ tr.source_name }}\n {{ tr.destination_name }}\n {{ tr.source_name }}\n \n \n | \n \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n | \n \n \n {{ tr.category_name }} \n \n | \n \n \n {{ tr.budget_name }} \n \n | \n
\n (all)\n xl\n lg\n md\n sm\n xs\n
\n\n{{ $t('list.name') }} | \n{{ $t('list.next_expected_match') }} | \n
---|---|
{{ bill.attributes.name }}\n (~ {{\n Intl.NumberFormat(locale, {style: 'currency', currency: bill.attributes.currency_code}).format((parseFloat(bill.attributes.amount_min) +\n parseFloat(bill.attributes.amount_max)) / -2)\n }})\n \n \n {{ bill.attributes.object_group_title }}\n \n | \n \n \n \n \n \n {{ new Intl.DateTimeFormat(locale, {year: 'numeric', month: 'long', day: 'numeric'}).format(new Date(payDate)) }}\n \n \n | \n
{{ $t('firefly.budget') }} | \n{{ $t('firefly.spent') }} | \n{{ $t('firefly.left') }} | \n
---|
{{ $t('firefly.account') }} | \n{{ $t('firefly.earned') }} | \n
---|---|
{{ entry.name }} | \n\n 0\" class=\"progress\">\n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: entry.currency_code}).format(entry.difference_float) }}\n \n \n \n | \n
{{ $t('firefly.account') }} | \n{{ $t('firefly.spent') }} | \n
---|---|
{{ entry.name }} | \n\n 0\" class=\"progress\">\n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: entry.currency_code}).format(entry.difference_float) }}\n \n \n \n | \n
{{ $t('list.piggy_bank') }} | \n{{ $t('list.percentage') }} / {{ $t('list.amount') }} | \n
---|---|
\n {{ piggy.attributes.name }}\n \n \n {{ piggy.attributes.object_group_title }}\n \n | \n \n \n \n \n {{\n Intl.NumberFormat(locale, {style: 'currency', currency: piggy.attributes.currency_code}).format(piggy.attributes.current_amount)\n }}\n \n of\n {{\n Intl.NumberFormat(locale, {\n style: 'currency',\n currency: piggy.attributes.currency_code\n }).format(piggy.attributes.target_amount)\n }}\n \n \n \n \n | \n
{{ $t('firefly.description') }} | \n{{ $t('firefly.opposing_account') }} | \n{{ $t('firefly.amount') }} | \n{{ $t('firefly.category') }} | \n{{ $t('firefly.budget') }} | \n
---|---|---|---|---|
\n \n 1\">{{ transaction.attributes.group_title }}\n {{ transaction.attributes.transactions[0].description }}\n \n | \n\n \n {{ tr.destination_name }}\n {{ tr.source_name }}\n {{ tr.destination_name }}\n {{ tr.source_name }}\n \n \n | \n \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n | \n \n \n {{ tr.category_name }} \n \n | \n \n \n {{ tr.budget_name }} \n \n | \n
{{ $t('firefly.description') }} | \n{{ $t('firefly.opposing_account') }} | \n{{ $t('firefly.amount') }} | \n
---|---|---|
\n \n 1\">{{ transaction.attributes.group_title }}\n {{ transaction.attributes.transactions[0].description }}\n \n | \n\n \n {{ tr.destination_name }}\n {{ tr.source_name }}\n {{ tr.destination_name }}\n {{ tr.source_name }}\n \n \n | \n \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n | \n
{{ $t('firefly.description') }} | \n{{ $t('firefly.amount') }} | \n
---|---|
\n \n 1\">{{ transaction.attributes.group_title }}\n {{ transaction.attributes.transactions[0].description }}\n \n | \n\n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n | \n
{{ $t('firefly.category') }} | \n{{ $t('firefly.spent') }} / {{ $t('firefly.earned') }} | \n
---|---|
\n {{ category.name }}\n | \n\n \n 0\" class=\"progress\">\n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: category.currency_code}).format(category.spent) }}\n \n\n \n\n \n \n 0\" class=\"progress justify-content-end\" title=\"hello2\">\n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: category.currency_code}).format(category.earned) }}\n \n \n \n\n | \n
{{ $t('list.name') }} | \n{{ $t('list.next_expected_match') }} | \n
---|---|
{{ bill.attributes.name }}\n (~ {{\n Intl.NumberFormat(locale, {style: 'currency', currency: bill.attributes.currency_code}).format((parseFloat(bill.attributes.amount_min) +\n parseFloat(bill.attributes.amount_max)) / -2)\n }})\n \n \n {{ bill.attributes.object_group_title }}\n \n | \n \n \n \n \n \n {{ new Intl.DateTimeFormat(locale, {year: 'numeric', month: 'long', day: 'numeric'}).format(new Date(payDate)) }}\n \n \n | \n
{{ $t('firefly.budget') }} | \n{{ $t('firefly.spent') }} | \n{{ $t('firefly.left') }} | \n
---|
{{ $t('firefly.account') }} | \n{{ $t('firefly.earned') }} | \n
---|---|
{{ entry.name }} | \n\n 0\" class=\"progress\">\n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: entry.currency_code}).format(entry.difference_float) }}\n \n \n \n | \n
{{ $t('firefly.account') }} | \n{{ $t('firefly.spent') }} | \n
---|---|
{{ entry.name }} | \n\n 0\" class=\"progress\">\n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: entry.currency_code}).format(entry.difference_float) }}\n \n \n \n | \n
{{ $t('list.piggy_bank') }} | \n{{ $t('list.percentage') }} / {{ $t('list.amount') }} | \n
---|---|
\n {{ piggy.attributes.name }}\n \n \n {{ piggy.attributes.object_group_title }}\n \n | \n \n \n \n \n {{\n Intl.NumberFormat(locale, {style: 'currency', currency: piggy.attributes.currency_code}).format(piggy.attributes.current_amount)\n }}\n \n of\n {{\n Intl.NumberFormat(locale, {\n style: 'currency',\n currency: piggy.attributes.currency_code\n }).format(piggy.attributes.target_amount)\n }}\n \n \n \n \n | \n
{{ $t('firefly.description') }} | \n{{ $t('firefly.opposing_account') }} | \n{{ $t('firefly.amount') }} | \n{{ $t('firefly.category') }} | \n{{ $t('firefly.budget') }} | \n
---|---|---|---|---|
\n \n 1\">{{ transaction.attributes.group_title }}\n {{ transaction.attributes.transactions[0].description }}\n \n | \n\n \n {{ tr.destination_name }}\n {{ tr.source_name }}\n {{ tr.destination_name }}\n {{ tr.source_name }}\n \n \n | \n \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n | \n \n \n {{ tr.category_name }} \n \n | \n \n \n {{ tr.budget_name }} \n \n | \n
{{ $t('firefly.description') }} | \n{{ $t('firefly.opposing_account') }} | \n{{ $t('firefly.amount') }} | \n
---|---|---|
\n \n 1\">{{ transaction.attributes.group_title }}\n {{ transaction.attributes.transactions[0].description }}\n \n | \n\n \n {{ tr.destination_name }}\n {{ tr.source_name }}\n {{ tr.destination_name }}\n {{ tr.source_name }}\n \n \n | \n \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n | \n
{{ $t('firefly.description') }} | \n{{ $t('firefly.amount') }} | \n
---|---|
\n \n 1\">{{ transaction.attributes.group_title }}\n {{ transaction.attributes.transactions[0].description }}\n \n | \n\n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount * -1) }} \n \n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: tr.currency_code}).format(tr.amount) }} \n \n \n | \n
{{ $t('firefly.category') }} | \n{{ $t('firefly.spent') }} / {{ $t('firefly.earned') }} | \n
---|---|
\n {{ category.name }}\n | \n\n \n 0\" class=\"progress\">\n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: category.currency_code}).format(category.spent) }}\n \n\n \n\n \n \n 0\" class=\"progress justify-content-end\" title=\"hello2\">\n \n {{ Intl.NumberFormat(locale, {style: 'currency', currency: category.currency_code}).format(category.earned) }}\n \n \n \n\n | \n