add switch transactionslists GDT amount in Components

This commit is contained in:
ogerly 2022-11-28 12:18:21 +01:00
parent ff5485e598
commit a758374f86
4 changed files with 11 additions and 65 deletions

View File

@ -10,7 +10,11 @@
</div> </div>
<div <div
class="wallet-amount bg-white appBoxShadow gradido-border-radius p-4 border" class="wallet-amount bg-white appBoxShadow gradido-border-radius p-4 border"
:class="showStatus ? 'gradido-global-border-color-accent' : 'border-light opacity-05'" :class="
showStatus || path === '/overview'
? 'gradido-global-border-color-accent'
: 'border-light opacity-05'
"
> >
<b-row> <b-row>
<b-col cols="9" class="h4">{{ $t('gddKonto') }}</b-col> <b-col cols="9" class="h4">{{ $t('gddKonto') }}</b-col>
@ -26,7 +30,7 @@
</b-row> </b-row>
<div> <div>
<b-icon icon="layers" class="mr-3 gradido-global-border-color-accent"></b-icon> <b-icon icon="layers" class="mr-3 gradido-global-border-color-accent"></b-icon>
<span :class="badge ? 'gradido-global-color-accent' : 'text-light'"> <span class="font-weight-bold gradido-global-color-accent">
{{ balance | GDD }} {{ balance | GDD }}
</span> </span>
</div> </div>

View File

@ -27,7 +27,7 @@
</b-row> </b-row>
<div> <div>
<b-icon icon="layers" class="mr-3" :variant="badge ? 'success' : 'light'"></b-icon> <b-icon icon="layers" class="mr-3" :variant="badge ? 'success' : 'light'"></b-icon>
<span :class="badge ? 'text-success' : 'text-light'"> <span class="font-weight-bold" :class="badge ? 'gradido-global-border-color-accent' : 'text-light'">
{{ $n(GdtBalance, 'decimal') }} {{ $t('GDT') }} {{ $n(GdtBalance, 'decimal') }} {{ $t('GDT') }}
</span> </span>
</div> </div>

View File

@ -4,7 +4,7 @@
<b-row> <b-row>
<b-col cols="5"> <b-col cols="5">
<div> <div>
<gdd-amount :balance="balance" :showStatus="false" /> <gdd-amount :balance="balance" :showStatus="false" :path="path" />
</div> </div>
</b-col> </b-col>
<b-col cols="7"> <b-col cols="7">

View File

@ -1,45 +1,6 @@
<template> <template>
<div class="pb-4"> <div class="pb-4">
<!-- <b-tabs v-model="tabIndex" content-class="" justified>
<b-tab
:title="`Gradido (${$n(balance, 'decimal')} GDD)`"
class="px-4"
@click="$router.replace('/transactions')"
>
<p class="tab-tex">{{ $t('transaction.gdd-text') }}</p>
<gdd-transaction-list
:timestamp="timestamp"
:transactionCount="transactionCount"
:transactionLinkCount="transactionLinkCount"
:transactions="transactions"
:showPagination="true"
@update-transactions="updateTransactions"
v-on="$listeners"
/>
</b-tab>
<b-tab :title="titleGdt" class="px-4" @click="updateGdt()">
<b-row class="mb-3">
<b-col>{{ $t('transaction.gdt-text') }}</b-col>
<b-col class="text-right">{{ `${$n(GdtBalance, 'decimal')} GDT` }}</b-col>
</b-row>
<gdt-transaction-list
v-model="currentPage"
:transactionsGdt="transactionsGdt"
:transactionGdtCount="transactionGdtCount"
:pageSize="pageSize"
/>
</b-tab>
</b-tabs> -->
<div v-if="gdt"> <div v-if="gdt">
<div
class="gradido-global-color-accent appBoxShadow gradido-border-radius p-3 mb-3 text-right blurtext"
>
{{ titleGdt }}
</div>
<gdt-transaction-list <gdt-transaction-list
v-model="currentPage" v-model="currentPage"
:transactionsGdt="transactionsGdt" :transactionsGdt="transactionsGdt"
@ -73,8 +34,6 @@ export default {
}, },
props: { props: {
gdt: { type: Boolean, default: false }, gdt: { type: Boolean, default: false },
balance: { type: Number, default: 0 },
GdtBalance: { type: Number, default: 0 },
transactions: { transactions: {
default: () => [], default: () => [],
}, },
@ -120,21 +79,15 @@ export default {
this.$emit('update-transactions', pagination) this.$emit('update-transactions', pagination)
}, },
}, },
computed: {
titleGdt() {
if (this.gdt) return `${this.$t('gdt.gdt')} (${this.$n(this.GdtBalance, 'decimal')} GDT)`
return this.$t('gdt.gdt')
},
},
created() { created() {
if (this.gdt) { if (this.gdt) {
this.updateGdt() this.updateGdt()
} }
}, },
watch: { watch: {
currentPage() { // currentPage() {
this.updateGdt() // this.updateGdt()
}, // },
gdt() { gdt() {
if (this.gdt) { if (this.gdt) {
this.updateGdt() this.updateGdt()
@ -144,17 +97,6 @@ export default {
} }
</script> </script>
<style> <style>
.blurtext {
color: transparent;
text-shadow: #047006 0 0 15px;
transition: 0.4s;
}
.blurtext:hover {
transition: 0.4s;
color: #047006;
text-shadow: none;
}
.nav-tabs > li > a { .nav-tabs > li > a {
padding-top: 14px; padding-top: 14px;
margin-bottom: 14px; margin-bottom: 14px;