mirror of
https://github.com/IT4Change/gradido.git
synced 2026-02-06 09:56:05 +00:00
94 lines
2.6 KiB
Vue
94 lines
2.6 KiB
Vue
<template>
|
|
<div class="decayinformation-long px-1">
|
|
<div class="word-break mb-5 mt-lg-3">
|
|
<div class="font-weight-bold pb-2">{{ $t('form.memo') }}</div>
|
|
<div class="">{{ memo }}</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<b-icon icon="droplet-half" class="mr-2" />
|
|
<b>{{ $t('decay.calculation_decay') }}</b>
|
|
</div>
|
|
<b-row>
|
|
<b-col>
|
|
<b-row>
|
|
<b-col cols="6" lg="4" md="6" sm="6">
|
|
<div>{{ $t('decay.last_transaction') }}</div>
|
|
</b-col>
|
|
<b-col offset="0" class="text-right mr-0">
|
|
<div>
|
|
<span>
|
|
{{ $d(new Date(decay.start), 'long') }}
|
|
</span>
|
|
</div>
|
|
</b-col>
|
|
</b-row>
|
|
<duration-row :decayStart="decay.start" :decayEnd="decay.end" />
|
|
|
|
<!-- Previous Balance -->
|
|
<b-row class="mt-2">
|
|
<b-col cols="6" lg="4" md="6" sm="6">
|
|
<div>{{ $t('decay.old_balance') }}</div>
|
|
</b-col>
|
|
<b-col offset="0" class="text-right mr-0">
|
|
{{ previousBalance | GDD }}
|
|
</b-col>
|
|
</b-row>
|
|
|
|
<!-- Decay-->
|
|
<b-row class="mt-0">
|
|
<b-col cols="6" lg="3" md="6" sm="6">
|
|
<div>{{ $t('decay.decay') }}</div>
|
|
</b-col>
|
|
<b-col offset="0" class="text-right mr-0">
|
|
{{ decay.decay | GDD }}
|
|
</b-col>
|
|
</b-row>
|
|
</b-col>
|
|
</b-row>
|
|
<!-- Type-->
|
|
<b-row>
|
|
<b-col>
|
|
<b-row class="mb-2">
|
|
<!-- eslint-disable @intlify/vue-i18n/no-dynamic-keys-->
|
|
<b-col cols="6" lg="3" md="6" sm="6">
|
|
{{ $t(`decay.types.${typeId.toLowerCase()}`) }}
|
|
</b-col>
|
|
<!-- eslint-enable @intlify/vue-i18n/no-dynamic-keys-->
|
|
<b-col offset="0" class="text-right mr-0">
|
|
{{ amount | GDD }}
|
|
</b-col>
|
|
</b-row>
|
|
<!-- Total-->
|
|
<b-row class="border-top pt-2">
|
|
<b-col cols="6" lg="3" md="6" sm="6">
|
|
<div>{{ $t('decay.new_balance') }}</div>
|
|
</b-col>
|
|
<b-col offset="0" class="text-right mr-0">
|
|
<b>{{ balance | GDD }}</b>
|
|
</b-col>
|
|
</b-row>
|
|
</b-col>
|
|
</b-row>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import DurationRow from '@/components/TransactionRows/DurationRow'
|
|
|
|
export default {
|
|
name: 'DecayInformation-Long',
|
|
components: {
|
|
DurationRow,
|
|
},
|
|
props: {
|
|
balance: { type: String, default: '0' },
|
|
previousBalance: { type: String, default: '0' },
|
|
amount: { type: String, default: '0' },
|
|
typeId: { type: String, default: '' },
|
|
memo: { type: String, default: '' },
|
|
decay: {
|
|
type: Object,
|
|
},
|
|
},
|
|
}
|
|
</script>
|