mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
add switch transactionslists GDT amount in Components
This commit is contained in:
parent
ff5485e598
commit
a758374f86
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user