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

add switch transactionslists GDT amount in Components

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/Template/ContentHeader/GddAmount.vue
View File

@ -10,7 +10,11 @@
</div>
<div
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-col cols="9" class="h4">{{ $t('gddKonto') }}</b-col>
@ -26,7 +30,7 @@
</b-row>
<div>
<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 }}
</span>
</div>

2
frontend/src/components/Template/ContentHeader/GdtAmount.vue
View File

@ -27,7 +27,7 @@
</b-row>
<div>
<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') }}
</span>
</div>

2
frontend/src/layouts/templates/ContentHeader.vue
View File

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

64
frontend/src/pages/Transactions.vue
View File

@ -1,45 +1,6 @@
<template>
<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
class="gradido-global-color-accent appBoxShadow gradido-border-radius p-3 mb-3 text-right blurtext"
>
{{ titleGdt }}
</div>
<gdt-transaction-list
v-model="currentPage"
:transactionsGdt="transactionsGdt"
@ -73,8 +34,6 @@ export default {
},
props: {
gdt: { type: Boolean, default: false },
balance: { type: Number, default: 0 },
GdtBalance: { type: Number, default: 0 },
transactions: {
default: () => [],
},
@ -120,21 +79,15 @@ export default {
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() {
if (this.gdt) {
this.updateGdt()
}
},
watch: {
currentPage() {
this.updateGdt()
},
// currentPage() {
// this.updateGdt()
// },
gdt() {
if (this.gdt) {
this.updateGdt()
@ -144,17 +97,6 @@ export default {
}
</script>
<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 {
padding-top: 14px;
margin-bottom: 14px;