fix extra table-transactions footer merge

This commit is contained in:
ogerly 2021-05-10 10:56:21 +02:00
commit b19b870930
3 changed files with 23 additions and 18 deletions

View File

@ -19,7 +19,7 @@
:transactionCount="transactionCount" :transactionCount="transactionCount"
@update-transactions="updateTransactions" @update-transactions="updateTransactions"
/> />
<gdd-table-footer :transactionCount="transactionCount" /> <gdd-table-footer :count="count"/>
</b-container> </b-container>
</div> </div>
</template> </template>
@ -31,6 +31,12 @@ import GddTableFooter from './AccountOverview/GddTableFooter.vue'
export default { export default {
name: 'Overview', name: 'Overview',
components: {
GddStatus,
GddSend,
GddTable,
GddTableFooter,
},
data() { data() {
return { return {
showTransactionList: true, showTransactionList: true,
@ -45,12 +51,6 @@ export default {
}, },
transactionCount: { type: Number, default: 0 }, transactionCount: { type: Number, default: 0 },
}, },
components: {
GddStatus,
GddSend,
GddTable,
GddTableFooter,
},
methods: { methods: {
toggleShowList(bool) { toggleShowList(bool) {
this.showTransactionList = bool this.showTransactionList = bool

View File

@ -88,8 +88,8 @@
</b-card> </b-card>
</b-collapse> </b-collapse>
</b-list-group-item> </b-list-group-item>
<b-list-group-item v-show="transactionCount === 0"> <b-list-group-item>
<b-alert show variant="secondary"> <b-alert v-if="transactions.length === 0" show variant="secondary">
<span class="alert-text">{{ $t('transaction.nullTransactions') }}</span> <span class="alert-text">{{ $t('transaction.nullTransactions') }}</span>
</b-alert> </b-alert>
</b-list-group-item> </b-list-group-item>

View File

@ -1,17 +1,22 @@
<template> <template>
<b-list-group> <div>
<b-list-group-item v-show="transactionCount > 5"> <b-list-group>
<router-link <b-list-group-item v-if="count > 5" >
to="/transactions" <router-link
v-html="$t('transaction.show_all', { count: transactionCount })" to="/transactions"
></router-link> v-html="$t('transaction.show_all', { count: count })"
</b-list-group-item> ></router-link>
</b-list-group> </b-list-group-item>
</b-list-group>
</div>
</template> </template>
<script> <script>
export default { export default {
name: 'GddTableFooter',
props: { props: {
transactionCount: { type: Number, default: 0 }, count: { count: Number },
}, },
} }
</script> </script>