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

style transactions list, style plugins

Browse Source
This commit is contained in:
ogerly 2022-11-22 13:20:41 +01:00
parent e9ba63d0ec
commit f8e1514bb2
17 changed files with 424 additions and 353 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/App.vue
View File

@ -56,4 +56,8 @@ export default {
); );
height: 13px; height: 13px;
} }
.text-color-gdd-yellow {
color: rgb(197 141 56);
}
</style> </style>

10
frontend/src/assets/scss/gradido-template.scss
View File

@ -178,6 +178,9 @@ a:hover,
font-size: 1.5em; font-size: 1.5em;
} }
.zindex1 {
z-index: 1;
}
.zindex10 { .zindex10 {
z-index: 10; z-index: 10;
} }
@ -198,6 +201,13 @@ a:hover,
z-index: 100000; z-index: 100000;
} }
.opacity-1 {
opacity: 1;
}
.opacity-05 {
opacity: 0.5;
}
.gradido-global-color-blue { .gradido-global-color-blue {
color: #0e79bc; color: #0e79bc;
} }

82
frontend/src/components/GddSend/TransactionForm.vue
View File

@ -1,38 +1,13 @@
<template> <template>
<b-row class="transaction-form"> <b-row class="transaction-form">
<b-col xl="12" md="12" class="p-0"> <b-col xl="12" md="12" class="p-0">
<b-card class="p-0 m-0 gradido-custom-background"> <b-card class="p-0 m-0 appBoxShadow gradido-border-radius">
<validation-observer v-slot="{ handleSubmit }" ref="formValidator"> <validation-observer v-slot="{ handleSubmit }" ref="formValidator">
<b-form role="form" @submit.prevent="handleSubmit(onSubmit)" @reset="onReset"> <b-form role="form" @submit.prevent="handleSubmit(onSubmit)" @reset="onReset">
<b-row> <b-row>
<b-col> <b-col>
<b-form-radio <b-row>
v-model="radioSelected" <b-col cols="12">
name="radios"
:value="sendTypes.send"
size="lg"
>
{{ $t('send_gdd') }}
</b-form-radio>
</b-col>
<b-col>
<b-form-radio
v-model="radioSelected"
name="radios"
:value="sendTypes.link"
size="lg"
>
{{ $t('send_per_link') }}
</b-form-radio>
</b-col>
</b-row>
<div class="mt-4" v-if="radioSelected === sendTypes.link">
<h2 class="alert-heading">{{ $t('gdd_per_link.header') }}</h2>
<div>
{{ $t('gdd_per_link.choose-amount') }}
</div>
</div>
<div v-if="radioSelected === sendTypes.send"> <div v-if="radioSelected === sendTypes.send">
<validation-provider <validation-provider
name="Email" name="Email"
@ -66,12 +41,14 @@
></b-form-input> ></b-form-input>
</b-input-group> </b-input-group>
<b-col v-if="errors"> <b-col v-if="errors">
<span v-for="error in errors" :key="error" class="errors">{{ error }}</span> <span v-for="error in errors" :key="error" class="errors">
{{ error }}
</span>
</b-col> </b-col>
</validation-provider> </validation-provider>
</div> </div>
</b-col>
<div class="mt-4 mb-4"> <b-col cols="12">
<validation-provider <validation-provider
:name="$t('form.amount')" :name="$t('form.amount')"
:rules="{ :rules="{
@ -106,9 +83,45 @@
<span v-for="error in errors" class="errors" :key="error">{{ error }}</span> <span v-for="error in errors" class="errors" :key="error">{{ error }}</span>
</b-col> </b-col>
</validation-provider> </validation-provider>
</b-col>
</b-row>
</b-col>
<b-col>
<div class="h3">Versandart</div>
<b-form-radio-group v-model="radioSelected">
<b-row>
<b-col cols="9">Gdd versenden</b-col>
<b-col cols="3">
<b-form-radio
name="shipping"
size="lg"
:value="sendTypes.send"
stacked
></b-form-radio>
</b-col>
</b-row>
<b-row>
<b-col cols="9">Gdd versenden per Link</b-col>
<b-col cols="3">
<b-form-radio
name="shipping"
:value="sendTypes.link"
size="lg"
></b-form-radio>
</b-col>
</b-row>
<div class="mt-4" v-if="radioSelected === sendTypes.link">
<h2 class="alert-heading">{{ $t('gdd_per_link.header') }}</h2>
<div>
{{ $t('gdd_per_link.choose-amount') }}
</div> </div>
</div>
</b-form-radio-group>
</b-col>
</b-row>
<div class="mb-4"> <b-row>
<b-col>
<validation-provider <validation-provider
:rules="{ :rules="{
required: true, required: true,
@ -135,8 +148,8 @@
<span v-for="error in errors" class="errors" :key="error">{{ error }}</span> <span v-for="error in errors" class="errors" :key="error">{{ error }}</span>
</b-col> </b-col>
</validation-provider> </validation-provider>
</div> </b-col>
</b-row>
<div v-if="!!isBalanceDisabled" class="text-danger"> <div v-if="!!isBalanceDisabled" class="text-danger">
{{ $t('form.no_gdd_available') }} {{ $t('form.no_gdd_available') }}
</div> </div>
@ -152,7 +165,6 @@
</b-button> </b-button>
</b-col> </b-col>
</b-row> </b-row>
<br />
</b-form> </b-form>
</validation-observer> </validation-observer>
</b-card> </b-card>

5
frontend/src/components/GddTransactionList.vue
View File

@ -13,7 +13,10 @@
</div> </div>
<div v-for="({ id, typeId }, index) in transactions" :key="id"> <div v-for="({ id, typeId }, index) in transactions" :key="id">
<transaction-list-item :typeId="typeId" class="pointer"> <transaction-list-item
:typeId="typeId"
class="pointer appBoxShadow gradido-border-radius mb-3"
>
<template #DECAY> <template #DECAY>
<transaction-decay <transaction-decay
class="list-group-item" class="list-group-item"

8
frontend/src/components/Menu/NavbarNew.vue
View File

@ -27,9 +27,9 @@
></b-avatar> ></b-avatar>
</div> </div>
<div> <div>
<div>{{ avatarLongName }}</div> <div class="small">{{ avatarLongName }}</div>
<div class="text-right m"> <div class="text-right small">
<small>{{ $store.state.email }}</small> <small>{{ $store.state.email }}</small>
</div> </div>
</div> </div>
@ -40,11 +40,11 @@
</b-navbar-nav> </b-navbar-nav>
</b-collapse> </b-collapse>
</b-navbar> </b-navbar>
<div class="alertBox"> <!-- <div class="alertBox">
<b-alert show dismissible variant="light" class="nav-alert text-dark"> <b-alert show dismissible variant="light" class="nav-alert text-dark">
<small>{{ $t('1000thanks') }}</small> <small>{{ $t('1000thanks') }}</small>
</b-alert> </b-alert>
</div> </div> -->
</div> </div>
</template> </template>

2
frontend/src/components/Overview/CommunityNews.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="community-news"> <div class="community-news">
<b-card class="bg-white">CommunityNews</b-card> <b-card class="bg-white appBoxShadow gradido-border-radius">CommunityNews</b-card>
</div> </div>
</template> </template>
<script> <script>

9
frontend/src/components/Template/ContentHeader/CommunityMember.vue
View File

@ -1,8 +1,15 @@
<template> <template>
<div class="community-member"> <div>
<div class="text-center">
<b-badge class="position-absolute mt--2 ml--5 px-3" variant="success">aktiv</b-badge>
</div>
<div
class="community-member bg-white appBoxShadow gradido-border-radius p-4 border border-success"
>
<div>CommunityMember components</div> <div>CommunityMember components</div>
<div>{{ CONFIG.COMMUNITY_NAME }}</div> <div>{{ CONFIG.COMMUNITY_NAME }}</div>
</div> </div>
</div>
</template> </template>
<script> <script>
import CONFIG from '@/config' import CONFIG from '@/config'

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

@ -1,7 +1,23 @@
<template> <template>
<div class="wallet-amount"> <div class="translucent-color-opacity">
<div>GDD Amount components</div> <div v-if="badge" class="text-center">
<div>{{ balance | GDD }}</div> <b-badge class="position-absolute mt--2 ml--5 px-3" variant="success">GDD Senden</b-badge>
</div>
<div
class="wallet-amount bg-white appBoxShadow gradido-border-radius p-4 border border-success"
>
<b-row>
<b-col cols="10" class="h4">GDD Konto</b-col>
<b-col cols="2" class="text-center">
<b-icon icon="check-circle" variant="success"></b-icon>
<div class="small">aktiv</div>
</b-col>
</b-row>
<div>
<b-icon icon="layers" class="mr-3" variant="success"></b-icon>
<span class="text-success">{{ balance | GDD }}</span>
</div>
</div>
</div> </div>
</template> </template>
<script> <script>
@ -9,6 +25,7 @@ export default {
name: 'GddAmount', name: 'GddAmount',
props: { props: {
balance: { type: Number, required: true }, balance: { type: Number, required: true },
badge: { type: Boolean, default: false },
}, },
} }
</script> </script>

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

@ -1,7 +1,24 @@
<template> <template>
<div class="wallet-amount"> <div>
<div>GDT Amount components</div> <div class="text-center">
<div>0.00 GDT</div> <b-badge class="position-absolute mt--2 ml--4 px-3 zindex1" variant="light">GDT</b-badge>
</div>
<div
class="wallet-amount bg-white appBoxShadow gradido-border-radius p-4 border border-light opacity-05"
>
<b-row>
<b-col cols="9" class="h4">GDT Konto</b-col>
<b-col cols="3" class="text-center">
<b-icon icon="circle" variant="light"></b-icon>
<div class="small">inaktiv</div>
</b-col>
</b-row>
<div>
<b-icon icon="layers" class="mr-3"></b-icon>
0.00 GDT
</div>
</div>
</div> </div>
</template> </template>
<script> <script>

2
frontend/src/components/TransactionRows/CollapseIcon.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="collapse-icon"> <div class="collapse-icon">
<b-icon <b-icon
:icon="visible ? 'caret-up-square' : 'caret-down-square'" :icon="visible ? 'arrow-up-circle' : 'arrow-down-circle'"
:class="visible ? 'text-black' : 'text-muted'" :class="visible ? 'text-black' : 'text-muted'"
/> />
</div> </div>

58
frontend/src/components/TransactionRows/Name.vue Normal file
View File

@ -0,0 +1,58 @@
<template>
<div class="name">
<div class="gdd-transaction-list-item-name">
<div v-if="linkedUser && linkedUser.email">
<b-link @click.stop="tunnelEmail">
{{ itemText }}
</b-link>
<span v-if="transactionLinkId">
{{ $t('via_link') }}
<b-icon
icon="link45deg"
variant="muted"
class="m-mb-1"
:title="$t('gdd_per_link.redeemed-title')"
/>
</span>
</div>
<span v-else>{{ itemText }}</span>
</div>
</div>
</template>
<script>
export default {
name: 'Name',
props: {
amount: {
type: String,
required: true,
},
linkedUser: {
type: Object,
required: false,
},
text: {
type: String,
required: false,
},
transactionLinkId: {
type: Number,
required: false,
default: null,
},
},
methods: {
tunnelEmail() {
this.$emit('set-tunneled-email', this.linkedUser.email)
this.$router.push({ path: '/send' })
},
},
computed: {
itemText() {
return this.linkedUser
? this.linkedUser.firstName + ' ' + this.linkedUser.lastName
: this.text
},
},
}
</script>

59
frontend/src/components/Transactions/TransactionCreation.vue
View File

@ -1,55 +1,46 @@
<template> <template>
<div class="transaction-slot-creation"> <div class="transaction-slot-creation">
<div @click="visible = !visible">
<!-- Collaps Icon --> <b-row @click="visible = !visible" class="">
<collapse-icon class="text-right" :visible="visible" /> <b-col cols="2">
<div> <b-avatar icon="gift" variant="success" size="4em"></b-avatar>
<b-row>
<!-- ICON -->
<b-col cols="1">
<type-icon color="gradido-global-color-accent" icon="gift" />
</b-col> </b-col>
<b-col>
<b-col cols="11"> <div>{{ linkedUser.firstName }} {{ linkedUser.lastName }}</div>
<!-- Amount / Name || Text --> <div class="small">{{ balanceDate }}</div>
<amount-and-name-row :amount="amount" :linkedUser="linkedUser" v-on="$listeners" /> <div class="small">{{ balanceDate }}</div>
<!-- Nachricht Memo -->
<memo-row :memo="memo" />
<!-- Datum -->
<date-row :date="balanceDate" />
<!-- Decay -->
<decay-row :decay="decay.decay" />
</b-col> </b-col>
<b-col cols="3">
<div class="small">Empfangen</div>
<div class="small">{{ amount | GDD }}</div>
</b-col>
<b-col cols="1"><collapse-icon class="text-right" :visible="visible" /></b-col>
</b-row> </b-row>
</div>
<b-collapse class="pb-4 pt-5" v-model="visible"> <b-collapse class="pb-4 pt-5" v-model="visible">
<decay-information :typeId="typeId" :decay="decay" :amount="amount" /> <decay-information :typeId="typeId" :decay="decay" :amount="amount" />
</b-collapse> </b-collapse>
</div>
</div> </div>
</template> </template>
<script> <script>
import CollapseIcon from '../TransactionRows/CollapseIcon' import CollapseIcon from '../TransactionRows/CollapseIcon'
import TypeIcon from '../TransactionRows/TypeIcon' // import TypeIcon from '../TransactionRows/TypeIcon'
import AmountAndNameRow from '../TransactionRows/AmountAndNameRow' // import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
import MemoRow from '../TransactionRows/MemoRow' // import MemoRow from '../TransactionRows/MemoRow'
import DateRow from '../TransactionRows/DateRow' // import DateRow from '../TransactionRows/DateRow'
import DecayRow from '../TransactionRows/DecayRow' // import DecayRow from '../TransactionRows/DecayRow'
import DecayInformation from '../DecayInformations/DecayInformation' import DecayInformation from '../DecayInformations/DecayInformation'
export default { export default {
name: 'TransactionCreation', name: 'TransactionCreation',
components: { components: {
CollapseIcon, CollapseIcon,
TypeIcon, // TypeIcon,
AmountAndNameRow, // AmountAndNameRow,
MemoRow, // MemoRow,
DateRow, // DateRow,
DecayRow, // DecayRow,
DecayInformation, DecayInformation,
}, },
props: { props: {

25
frontend/src/components/Transactions/TransactionDecay.vue
View File

@ -1,24 +1,12 @@
<template> <template>
<div class="transaction-slot-decay"> <div class="transaction-slot-decay">
<div @click="visible = !visible"> <b-row @click="visible = !visible" class="text-color-gdd-yellow">
<!-- Collaps Icon --> <b-col cols="1"><type-icon color="text-color-gdd-yellow" icon="droplet-half" /></b-col>
<collapse-icon class="text-right" :visible="visible" /> <b-col>
<div> {{ $t('decay.decay_since_last_transaction') }}
<b-row>
<!-- ICON -->
<b-col cols="1">
<type-icon color="gradido-global-color-gray" icon="droplet-half" />
</b-col>
<b-col cols="11">
<!-- Amount / Name || Text -->
<amount-and-name-row
:amount="amount"
:text="$t('decay.decay_since_last_transaction')"
/>
</b-col> </b-col>
<b-col cols="1"><collapse-icon class="text-right" :visible="visible" /></b-col>
</b-row> </b-row>
</div>
<b-collapse class="pb-4 pt-5" v-model="visible"> <b-collapse class="pb-4 pt-5" v-model="visible">
<decay-information-decay <decay-information-decay
@ -28,12 +16,10 @@
/> />
</b-collapse> </b-collapse>
</div> </div>
</div>
</template> </template>
<script> <script>
import CollapseIcon from '../TransactionRows/CollapseIcon' import CollapseIcon from '../TransactionRows/CollapseIcon'
import TypeIcon from '../TransactionRows/TypeIcon' import TypeIcon from '../TransactionRows/TypeIcon'
import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
import DecayInformationDecay from '../DecayInformations/DecayInformation-Decay' import DecayInformationDecay from '../DecayInformations/DecayInformation-Decay'
export default { export default {
@ -41,7 +27,6 @@ export default {
components: { components: {
CollapseIcon, CollapseIcon,
TypeIcon, TypeIcon,
AmountAndNameRow,
DecayInformationDecay, DecayInformationDecay,
}, },
props: { props: {

51
frontend/src/components/Transactions/TransactionLinkSummary.vue
View File

@ -1,29 +1,19 @@
<template> <template>
<div class="transaction-slot-link gradido-shadow-inset"> <div class="transaction-slot-link">
<div> <b-row @click="showTransactionLinks()">
<div class="transaction-link-details" @click="showTransactionLinks()"> <b-col cols="2">
<!-- Collaps Icon --> <b-avatar icon="link" variant="danger" size="4em"></b-avatar>
<collapse-icon class="text-right" :visible="visible" />
<div>
<b-row>
<b-col cols="1">
<type-icon color="text-danger" icon="link45deg" />
</b-col> </b-col>
<b-col>
<b-col cols="11"> <div>{{ $t('gdd_per_link.links_sum') }}</div>
<!-- Amount / Name || Text --> <div class="small">{{ transactionLinkCount }} offene Links</div>
<amount-and-name-row :amount="amount" :text="$t('gdd_per_link.links_sum')" />
<!-- Count Links -->
<link-count-row :count="transactionLinkCount" />
<!-- Decay -->
<decay-row :decay="decay.decay" />
</b-col> </b-col>
<b-col cols="3">
<div class="small">Insgesamt</div>
<div class="small">{{ amount | GDD }}</div>
</b-col>
<b-col cols="1"><collapse-icon class="text-right" :visible="visible" /></b-col>
</b-row> </b-row>
</div>
</div>
<b-collapse v-model="visible"> <b-collapse v-model="visible">
<collapse-links-list <collapse-links-list
v-model="currentPage" v-model="currentPage"
@ -34,14 +24,13 @@
/> />
</b-collapse> </b-collapse>
</div> </div>
</div>
</template> </template>
<script> <script>
import CollapseIcon from '../TransactionRows/CollapseIcon' import CollapseIcon from '../TransactionRows/CollapseIcon'
import TypeIcon from '../TransactionRows/TypeIcon' // import TypeIcon from '../TransactionRows/TypeIcon'
import AmountAndNameRow from '../TransactionRows/AmountAndNameRow' // import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
import LinkCountRow from '../TransactionRows/LinkCountRow' // import LinkCountRow from '../TransactionRows/LinkCountRow'
import DecayRow from '../TransactionRows/DecayRow' // import DecayRow from '../TransactionRows/DecayRow'
import CollapseLinksList from '../DecayInformations/CollapseLinksList' import CollapseLinksList from '../DecayInformations/CollapseLinksList'
import { listTransactionLinks } from '@/graphql/queries' import { listTransactionLinks } from '@/graphql/queries'
@ -49,10 +38,10 @@ export default {
name: 'TransactionSlotLink', name: 'TransactionSlotLink',
components: { components: {
CollapseIcon, CollapseIcon,
TypeIcon, // TypeIcon,
AmountAndNameRow, // AmountAndNameRow,
LinkCountRow, // LinkCountRow,
DecayRow, // DecayRow,
CollapseLinksList, CollapseLinksList,
}, },
props: { props: {

61
frontend/src/components/Transactions/TransactionReceive.vue
View File

@ -1,61 +1,50 @@
<template> <template>
<div class="transaction-slot-receive"> <div class="transaction-slot-receive">
<div @click="visible = !visible"> <b-row @click="visible = !visible" class="">
<!-- Collaps Icon --> <b-col cols="2">
<collapse-icon class="text-right" :visible="visible" /> <b-avatar icon="arrow-right-circle" variant="success" size="4em"></b-avatar>
<div>
<b-row>
<!-- ICON -->
<b-col cols="1">
<type-icon color="gradido-global-color-accent" icon="arrow-right-circle" />
</b-col> </b-col>
<b-col>
<b-col cols="11"> <div>
<!-- Amount / Name || Text --> <name
<amount-and-name-row
v-on="$listeners" v-on="$listeners"
:amount="amount" :amount="amount"
:linkedUser="linkedUser" :linkedUser="linkedUser"
:transactionLinkId="transactionLinkId" :transactionLinkId="transactionLinkId"
/> />
<!-- Nachricht Memo -->
<memo-row :memo="memo" />
<!-- Datum -->
<date-row :date="balanceDate" />
<!-- Decay -->
<decay-row :decay="decay.decay" />
</b-col>
</b-row>
</div> </div>
<div class="small">{{ balanceDate }}</div>
<div class="small">{{ balanceDate }}</div>
</b-col>
<b-col cols="3">
<div class="small">Empfangen</div>
<div class="small">{{ amount | GDD }}</div>
</b-col>
<b-col cols="1"><collapse-icon class="text-right" :visible="visible" /></b-col>
</b-row>
<b-collapse class="pb-4 pt-5" v-model="visible"> <b-collapse class="pb-4 pt-5" v-model="visible">
<decay-information :typeId="typeId" :decay="decay" :amount="amount" /> <decay-information :typeId="typeId" :decay="decay" :amount="amount" />
</b-collapse> </b-collapse>
</div> </div>
</div>
</template> </template>
<script> <script>
import CollapseIcon from '../TransactionRows/CollapseIcon' import CollapseIcon from '../TransactionRows/CollapseIcon'
import TypeIcon from '../TransactionRows/TypeIcon' // import TypeIcon from '../TransactionRows/TypeIcon'
import AmountAndNameRow from '../TransactionRows/AmountAndNameRow' import Name from '../TransactionRows/Name'
import MemoRow from '../TransactionRows/MemoRow' // import MemoRow from '../TransactionRows/MemoRow'
import DateRow from '../TransactionRows/DateRow' // import DateRow from '../TransactionRows/DateRow'
import DecayRow from '../TransactionRows/DecayRow' // import DecayRow from '../TransactionRows/DecayRow'
import DecayInformation from '../DecayInformations/DecayInformation' import DecayInformation from '../DecayInformations/DecayInformation'
export default { export default {
name: 'TransactionReceive', name: 'TransactionReceive',
components: { components: {
CollapseIcon, CollapseIcon,
TypeIcon, // TypeIcon,
AmountAndNameRow, Name,
MemoRow, // MemoRow,
DateRow, // DateRow,
DecayRow, // DecayRow,
DecayInformation, DecayInformation,
}, },
props: { props: {

61
frontend/src/components/Transactions/TransactionSend.vue
View File

@ -1,61 +1,50 @@
<template> <template>
<div class="transaction-slot-send"> <div class="transaction-slot-send">
<div @click="visible = !visible"> <b-row @click="visible = !visible" class="">
<!-- Collaps Icon --> <b-col cols="2">
<collapse-icon class="text-right" :visible="visible" /> <b-avatar icon="arrow-left-circle" variant="danger" size="4em"></b-avatar>
<div>
<b-row>
<!-- ICON -->
<b-col cols="1">
<type-icon color="text-danger" icon="arrow-left-circle" />
</b-col> </b-col>
<b-col>
<b-col cols="11"> <div>
<!-- Amount / Name --> <name
<amount-and-name-row
v-on="$listeners" v-on="$listeners"
:amount="amount" :amount="amount"
:linkedUser="linkedUser" :linkedUser="linkedUser"
:transactionLinkId="transactionLinkId" :transactionLinkId="transactionLinkId"
/> />
<!-- Memo -->
<memo-row :memo="memo" />
<!-- Datum -->
<date-row :date="balanceDate" />
<!-- Decay -->
<decay-row :decay="decay.decay" />
</b-col>
</b-row>
</div> </div>
<div class="small">{{ balanceDate }}</div>
<div class="small">{{ balanceDate }}</div>
</b-col>
<b-col cols="3">
<div class="small">Gesendet</div>
<div class="small">{{ amount | GDD }}</div>
</b-col>
<b-col cols="1"><collapse-icon class="text-right" :visible="visible" /></b-col>
</b-row>
<b-collapse class="pb-4 pt-5" v-model="visible"> <b-collapse class="pb-4 pt-5" v-model="visible">
<decay-information :typeId="typeId" :decay="decay" :amount="amount" /> <decay-information :typeId="typeId" :decay="decay" :amount="amount" />
</b-collapse> </b-collapse>
</div> </div>
</div>
</template> </template>
<script> <script>
import CollapseIcon from '../TransactionRows/CollapseIcon' import CollapseIcon from '../TransactionRows/CollapseIcon'
import TypeIcon from '../TransactionRows/TypeIcon' // import TypeIcon from '../TransactionRows/TypeIcon'
import AmountAndNameRow from '../TransactionRows/AmountAndNameRow' import Name from '../TransactionRows/Name'
import MemoRow from '../TransactionRows/MemoRow' // import MemoRow from '../TransactionRows/MemoRow'
import DateRow from '../TransactionRows/DateRow' // import DateRow from '../TransactionRows/DateRow'
import DecayRow from '../TransactionRows/DecayRow' // import DecayRow from '../TransactionRows/DecayRow'
import DecayInformation from '../DecayInformations/DecayInformation' import DecayInformation from '../DecayInformations/DecayInformation'
export default { export default {
name: 'TransactionSend', name: 'TransactionSend',
components: { components: {
CollapseIcon, CollapseIcon,
TypeIcon, // TypeIcon,
AmountAndNameRow, Name,
MemoRow, // MemoRow,
DateRow, // DateRow,
DecayRow, // DecayRow,
DecayInformation, DecayInformation,
}, },
props: { props: {

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

@ -4,12 +4,12 @@
<b-container v-if="path === '/overview'"> <b-container v-if="path === '/overview'">
<b-row> <b-row>
<b-col cols="5"> <b-col cols="5">
<div class="p-4 bg-white appBoxShadow gradido-border-radius"> <div>
<gdd-amount :balance="balance" /> <gdd-amount :balance="balance" />
</div> </div>
</b-col> </b-col>
<b-col cols="7"> <b-col cols="7">
<div class="p-4 bg-white appBoxShadow gradido-border-radius"> <div>
<community-member /> <community-member />
</div> </div>
</b-col> </b-col>
@ -20,12 +20,12 @@
<b-container v-if="path === '/send'"> <b-container v-if="path === '/send'">
<b-row> <b-row>
<b-col cols="6"> <b-col cols="6">
<div class="p-4 bg-white appBoxShadow gradido-border-radius"> <div>
<gdd-amount :balance="balance" /> <gdd-amount :balance="balance" :badge="true" />
</div> </div>
</b-col> </b-col>
<b-col cols="6"> <b-col cols="6">
<div class="p-4 bg-white appBoxShadow gradido-border-radius"> <div>
<gdt-amount /> <gdt-amount />
</div> </div>
</b-col> </b-col>
@ -34,12 +34,12 @@
<b-container v-if="path === '/transactions'"> <b-container v-if="path === '/transactions'">
<b-row> <b-row>
<b-col cols="6"> <b-col cols="6">
<div class="p-4 bg-white appBoxShadow gradido-border-radius"> <div>
<gdd-amount :balance="balance" /> <gdd-amount :balance="balance" :badge="true" />
</div> </div>
</b-col> </b-col>
<b-col cols="6"> <b-col cols="6">
<div class="p-4 bg-white appBoxShadow gradido-border-radius"> <div>
<gdt-amount /> <gdt-amount />
</div> </div>
</b-col> </b-col>