IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Use Vue Filter for Amounts

Browse Source
This commit is contained in:
Moriz Wahl 2022-03-08 04:21:47 +01:00
parent 034828a6f8
commit 09de529443
7 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/DecayInformations/DecayInformation-Short.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="decayinformation-short">
<span>− {{ decay ? $n(Number(decay.decay) * -1, 'decimal') : '' }}</span>
<span v-if="decay.decay">{{ decay.decay | amount}}</span>
</div>
</template>
<script>

2
frontend/src/components/Transactions/TransactionCreation.vue
View File

@ -25,7 +25,7 @@
<div class="text-right">
<span class="gdd-transaction-list-item-operator">+</span>
<span class="gdd-transaction-list-item-amount">
{{ $n(amount, 'decimal') }}
{{ amount | amount }}
</span>
</div>
</b-col>

3
frontend/src/components/Transactions/TransactionDecay.vue
View File

@ -23,9 +23,8 @@
<b-row>
<b-col cols="5">
<div class="text-right">
<span class="gdd-transaction-list-item-operator">−</span>
<span class="gdd-transaction-list-item-amount">
{{ $n(Number(amount) * -1, 'decimal') }}
{{ amount | amount }}
</span>
</div>
</b-col>

2
frontend/src/components/Transactions/TransactionReceive.vue
View File

@ -28,7 +28,7 @@
<div class="text-right">
<span class="gdd-transaction-list-item-operator">+</span>
<span class="gdd-transaction-list-item-amount">
{{ $n(amount, 'decimal') }}
{{ amount | amount }}
</span>
</div>
</b-col>

3
frontend/src/components/Transactions/TransactionSend.vue
View File

@ -23,9 +23,8 @@
<b-row>
<b-col cols="5">
<div class="text-right">
<span class="gdd-transaction-list-item-operator">−</span>
<span class="gdd-transaction-list-item-amount">
{{ $n(Number(amount) * -1, 'decimal') }}
{{ amount | amount }}
</span>
</div>
</b-col>

6
frontend/src/filters/amount.js Normal file
View File

@ -0,0 +1,6 @@
import i18n from '@/i18n.js'
export const amount = (value) => {
if (!value) return ''
return i18n.n(value.toString(), 'decimal').replace('-', '− ')
}

2
frontend/src/main.js
View File

@ -4,6 +4,7 @@ import App from './App.vue'
import i18n from './i18n.js'
import { loadAllRules } from './validation-rules'
import { toasters } from './mixins/toaster'
import { amount } from './filters/amount'
import 'regenerator-runtime'
@ -20,6 +21,7 @@ Vue.use(DashboardPlugin)
Vue.config.productionTip = false
Vue.mixin(toasters)
Vue.filter('amount', amount)
loadAllRules(i18n)