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

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

@ -6,7 +6,7 @@
:key="item.id"
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%">
<b-icon :icon="getProperties(item).icon" :class="getProperties(item).class" />
</div>
@ -26,43 +26,31 @@
</div>
<b-collapse :id="'a' + item.date + ''" class="mt-2">
<b-card>
<b-list-group>
<b-list-group-item v-if="item.type === 'send'">
<b-badge class="mr-4" variant="primary" pill>{{ $t('form.receiver') }}</b-badge>
{{ item.name }}
</b-list-group-item>
<b-list-group-item v-else>
<b-badge class="mr-4" variant="primary" pill>{{ $t('form.sender') }}</b-badge>
{{ item.name }}
</b-list-group-item>
<b-card-title>
<div class="display-4"> {{ item.type === "receive" ? "empfangen:" : "gesendet:" }}</div>
</b-card-title>
<b-card-body>
<p class="display-2"> {{ $n(item.balance, 'decimal') }} GDD</p>
<div> <div>am: </div><span class="display-4">{{ $d($moment(item.date), 'long') }}</span></div>
<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>
<div>Seit deiner letzten Transaction sind </div>
<div>{{ item.decay.length }} vergangen.</div>
<div>{{ item.decay }} Verfall.</div>
</b-card-body>
<b-list-group-item>
<b-badge class="mr-4" variant="primary" pill>type</b-badge>
{{ item.type }}
</b-list-group-item>
<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">
{{ $t('transaction.more') }}
</b-button>
<b-collapse :id="'collapse-1-inner' + item.date" class="mt-2">
<b-card>{{ item }}</b-card>
</b-collapse>
</b-card>
</b-collapse>
</b-list-group-item>
@ -83,14 +71,14 @@
</template>
<script>
import PaginationButtons from '../../../components/PaginationButtons'
import PaginationButtons from '../../../components/PaginationButtons'
const iconsByType = {
send: { icon: 'arrow-left-circle', classes: 'text-danger', operator: '-' },
receive: { icon: 'arrow-right-circle', 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: '-' },
}
const iconsByType = {
send: { icon: 'arrow-left-circle', classes: 'text-danger', operator: '-' },
receive: { icon: 'arrow-right-circle', 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: '-' },
}
export default {
name: 'gdd-transaction-list',