jacob1123/budgeteer
1
1
Fork 0
Code Issues 12 Pull Requests 1 Packages Releases 1 Wiki Activity

Use currency component for transactions

Browse Source
This commit is contained in:
Jan Bader 2022-02-07 16:38:53 +00:00
parent 427e7e5359
commit 0136e3b978
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/pages/Account.vue
View File

@ -1,6 +1,7 @@
<script lang="ts"> <script lang="ts">
import { defineComponent } from "vue" import { defineComponent } from "vue"
import Autocomplete, { Suggestion } from '../components/Autocomplete.vue' import Autocomplete, { Suggestion } from '../components/Autocomplete.vue'
import Currency from "../components/Currency.vue";
export default defineComponent({ export default defineComponent({
data() { data() {
@ -12,7 +13,7 @@ export default defineComponent({
Amount: 0 Amount: 0
} }
}, },
components: { Autocomplete }, components: { Autocomplete, Currency },
props: ["budgetid", "accountid"], props: ["budgetid", "accountid"],
methods: { methods: {
saveTransaction(e : MouseEvent) { saveTransaction(e : MouseEvent) {
@ -81,10 +82,9 @@ export default defineComponent({
:href="'/budget/' + $store.getters.CurrentBudgetID + '/transaction/' + transaction.ID" :href="'/budget/' + $store.getters.CurrentBudgetID + '/transaction/' + transaction.ID"
>{{ transaction.Memo }}</a> >{{ transaction.Memo }}</a>
</td> </td>
<td <td>
style="width: 80px;" <Currency class="block" :value="transaction.Amount" />
:class="transaction.Amount.Int < 0 ? 'negative' : ''" </td>
>{{ transaction.Amount.Int / 100 }}</td>
<td <td
style="width: 20px;" style="width: 20px;"
>{{ transaction.Status == "Reconciled" ? "✔" : (transaction.Status == "Uncleared" ? "" : "*") }}</td> >{{ transaction.Status == "Reconciled" ? "✔" : (transaction.Status == "Uncleared" ? "" : "*") }}</td>