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

decay in transactionlist per transaction

Browse Source
This commit is contained in:
ogerly 2021-06-29 12:30:40 +02:00
parent 221f9ec2ee
commit 8dfb7d16dd
1 changed files with 27 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
View File

@ -1,12 +1,12 @@
<template> <template>
<div class="gdd-transaction-list"> <div class="gdd-transaction-list">
<b-list-group> <b-list-group>
<b-list-group-item <b-list-group-item
v-for="item in transactions" v-for="item in transactions"
:key="item.id" :key="item.id"
style="background-color: #ebebeba3 !important" style="background-color: #ebebeba3 !important"
> >
<div class="d-flex gdd-transaction-list-item" v-b-toggle="'a' + item.date + ''"> <div class="d-flex gdd-transaction-list-item" v-b-toggle="'a' + item.date + ''" >
<div style="width: 8%"> <div style="width: 8%">
<b-icon :icon="getProperties(item).icon" :class="getProperties(item).class" /> <b-icon :icon="getProperties(item).icon" :class="getProperties(item).class" />
</div> </div>
@ -26,43 +26,31 @@
</div> </div>
<b-collapse :id="'a' + item.date + ''" class="mt-2"> <b-collapse :id="'a' + item.date + ''" class="mt-2">
<b-card> <b-card>
<b-list-group> <b-card-title>
<b-list-group-item v-if="item.type === 'send'"> <div class="display-4"> {{ item.type === "receive" ? "empfangen:" : "gesendet:" }}</div>
<b-badge class="mr-4" variant="primary" pill>{{ $t('form.receiver') }}</b-badge> </b-card-title>
{{ item.name }} <b-card-body>
</b-list-group-item>
<b-list-group-item v-else> <p class="display-2"> {{ $n(item.balance, 'decimal') }} GDD</p>
<b-badge class="mr-4" variant="primary" pill>{{ $t('form.sender') }}</b-badge>
{{ item.name }} <div> <div>am: </div><span class="display-4">{{ $d($moment(item.date), 'long') }}</span></div>
</b-list-group-item> <div><div >an:</div> <span class="display-4">{{ item.name }}</span></div>
<div class="display-5"> {{ item.type === "receive" ? "Nachricht vom Absender:" : "Nachricht an Empfänger:" }}</div>
<div class="display-4">{{ item.memo }}</div>
<hr>
<b-list-group-item> <div>Seit deiner letzten Transaction sind </div>
<b-badge class="mr-4" variant="primary" pill>type</b-badge> <div>{{ item.decay.length }} vergangen.</div>
{{ item.type }} <div>{{ item.decay }} Verfall.</div>
</b-list-group-item> </b-card-body>
<b-list-group-item>
<b-badge class="mr-5" variant="primary" pill>id</b-badge>
{{ item.transaction_id }}
</b-list-group-item>
<b-list-group-item>
<b-badge class="mr-4" variant="primary" pill>{{ $t('form.date') }}</b-badge>
{{ item.date }}
</b-list-group-item>
<b-list-group-item>
<b-badge class="mr-4" variant="primary" pill>gdd</b-badge>
{{ item.balance }}
</b-list-group-item>
<b-list-group-item>
<b-badge class="mr-4" variant="primary" pill>{{ $t('form.memo') }}</b-badge>
{{ item.memo }}
</b-list-group-item>
</b-list-group>
<b-button v-b-toggle="'collapse-1-inner' + item.date" variant="secondary"> <b-button v-b-toggle="'collapse-1-inner' + item.date" variant="secondary">
{{ $t('transaction.more') }} {{ $t('transaction.more') }}
</b-button> </b-button>
<b-collapse :id="'collapse-1-inner' + item.date" class="mt-2"> <b-collapse :id="'collapse-1-inner' + item.date" class="mt-2">
<b-card>{{ item }}</b-card> <b-card>{{ item }}</b-card>
</b-collapse> </b-collapse>
</b-card> </b-card>
</b-collapse> </b-collapse>
</b-list-group-item> </b-list-group-item>
@ -83,14 +71,14 @@
</template> </template>
<script> <script>
import PaginationButtons from '../../../components/PaginationButtons' import PaginationButtons from '../../../components/PaginationButtons'
const iconsByType = { const iconsByType = {
send: { icon: 'arrow-left-circle', classes: 'text-danger', operator: '-' }, send: { icon: 'arrow-left-circle', classes: 'text-danger', operator: '-' },
receive: { icon: 'arrow-right-circle', classes: 'gradido-global-color-accent', operator: '+' }, receive: { icon: 'arrow-right-circle', classes: 'gradido-global-color-accent', operator: '+' },
creation: { icon: 'gift', classes: 'gradido-global-color-accent', operator: '+' }, creation: { icon: 'gift', classes: 'gradido-global-color-accent', operator: '+' },
decay: { icon: 'droplet-half', classes: 'gradido-global-color-gray', operator: '-' }, decay: { icon: 'droplet-half', classes: 'gradido-global-color-gray', operator: '-' },
} }
export default { export default {
name: 'gdd-transaction-list', name: 'gdd-transaction-list',