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 components DateRow, DecayRow

Browse Source
This commit is contained in:
ogerly 2022-03-10 13:37:02 +01:00
parent 0ca944e40a
commit 30c345aa4f
7 changed files with 53 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -21,7 +21,7 @@ export default {
name: 'AmountAndName',
props: {
amount: {
type: Number,
type: String,
},
linkedUser: {
type: Object,

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

@ -1,5 +1,5 @@
<template>
<div class="Collaps-Icon">
<div class="collapse-icon">
<b-icon
:icon="visible ? 'caret-up-square' : 'caret-down-square'"
:class="visible ? 'text-black' : 'text-muted'"
@ -8,6 +8,7 @@
</template>
<script>
export default {
name: 'Collapse-Icon',
props: {
visible: {
type: Boolean,

0
frontend/src/components/TransactionRows/Date.vue → frontend/src/components/TransactionRows/DateRow.vue
View File

30
frontend/src/components/TransactionRows/DecayRow.vue Normal file
View File

@ -0,0 +1,30 @@
<template>
<div class="decay-row">
<b-row v-if="decay">
<b-col cols="5">
<div class="text-right">
<b-icon icon="droplet-half" height="15" class="mb-1" />
</div>
</b-col>
<b-col cols="7">
<div class="gdd-transaction-list-item-decay">
<decay-information-short decaytyp="short" :decay="decay" />
</div>
</b-col>
</b-row>
</div>
</template>
<script>
import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
export default {
name: 'Decay-Row',
components: {
DecayInformationShort,
},
props: {
decay: {
type: Object,
},
},
}
</script>

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

@ -19,21 +19,10 @@
<memo :memo="memo" />
<!-- Datum -->
<date :balanceDate="balanceDate" />
<date-row :balanceDate="balanceDate" />
<!-- Decay -->
<b-row v-if="decay">
<b-col cols="5">
<div class="text-right">
<b-icon icon="droplet-half" height="15" class="mb-1" />
</div>
</b-col>
<b-col cols="7">
<div class="gdd-transaction-list-item-decay">
<decay-information-short decaytyp="short" :decay="decay" />
</div>
</b-col>
</b-row>
<decay-row :decay="decay" />
</b-col>
</b-row>
</div>
@ -54,10 +43,9 @@
<script>
import CollapseIcon from '../TransactionRows/CollapseIcon'
import TypeIcon from '../TransactionRows/TypeIcon'
import AmountAndName from '../TransactionRows/AmountAndName.vue'
import Memo from '../TransactionRows/Memo.vue'
import Date from '../TransactionRows/Date.vue'
import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
import AmountAndName from '../TransactionRows/AmountAndName'
import Memo from '../TransactionRows/Memo'
import DateRow from '../TransactionRows/DateRow'
import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
import DecayInformationDecayStartblock from '../DecayInformations/DecayInformation-DecayStartblock'
@ -69,8 +57,7 @@ export default {
TypeIcon,
AmountAndName,
Memo,
Date,
DecayInformationShort,
DateRow,
DecayInformationLong,
DecayInformationBeforeStartblock,
DecayInformationDecayStartblock,

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

@ -19,21 +19,10 @@
<memo :memo="memo" />
<!-- Datum -->
<date :balanceDate="balanceDate" />
<date-row :balanceDate="balanceDate" />
<!-- Decay -->
<b-row v-if="decay">
<b-col cols="5">
<div class="text-right">
<b-icon icon="droplet-half" height="15" class="mb-1" />
</div>
</b-col>
<b-col cols="7">
<div class="gdd-transaction-list-item-decay">
<decay-information-short decaytyp="short" :decay="decay" />
</div>
</b-col>
</b-row>
<decay-row :decay="decay" />
</b-col>
</b-row>
</div>
@ -54,10 +43,9 @@
<script>
import CollapseIcon from '../TransactionRows/CollapseIcon'
import TypeIcon from '../TransactionRows/TypeIcon'
import AmountAndName from '../TransactionRows/AmountAndName.vue'
import Memo from '../TransactionRows/Memo.vue'
import Date from '../TransactionRows/Date.vue'
import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
import AmountAndName from '../TransactionRows/AmountAndName'
import Memo from '../TransactionRows/Memo'
import DateRow from '../TransactionRows/DateRow'
import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
import DecayInformationDecayStartblock from '../DecayInformations/DecayInformation-DecayStartblock'
@ -69,8 +57,7 @@ export default {
TypeIcon,
AmountAndName,
Memo,
Date,
DecayInformationShort,
DateRow,
DecayInformationLong,
DecayInformationBeforeStartblock,
DecayInformationDecayStartblock,

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

@ -19,21 +19,10 @@
<memo :memo="memo" />
<!-- Datum -->
<date :balanceDate="balanceDate" />
<date-row :balanceDate="balanceDate" />
<!-- Decay -->
<b-row v-if="decay">
<b-col cols="5">
<div class="text-right">
<b-icon icon="droplet-half" height="15" class="mb-1" />
</div>
</b-col>
<b-col cols="7">
<div class="gdd-transaction-list-item-decay">
<decay-information-short decaytyp="short" :decay="decay" />
</div>
</b-col>
</b-row>
<decay-row :decay="decay" />
</b-col>
</b-row>
</div>
@ -54,10 +43,10 @@
<script>
import CollapseIcon from '../TransactionRows/CollapseIcon'
import TypeIcon from '../TransactionRows/TypeIcon'
import AmountAndName from '../TransactionRows/AmountAndName.vue'
import Memo from '../TransactionRows/Memo.vue'
import Date from '../TransactionRows/Date.vue'
import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
import AmountAndName from '../TransactionRows/AmountAndName'
import Memo from '../TransactionRows/Memo'
import DateRow from '../TransactionRows/DateRow'
import DecayRow from '../TransactionRows/DecayRow'
import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
import DecayInformationDecayStartblock from '../DecayInformations/DecayInformation-DecayStartblock'
@ -68,8 +57,8 @@ export default {
TypeIcon,
AmountAndName,
Memo,
Date,
DecayInformationShort,
DateRow,
DecayRow,
DecayInformationLong,
DecayInformationBeforeStartblock,
DecayInformationDecayStartblock,