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', name: 'AmountAndName',
props: { props: {
amount: { amount: {
type: Number, type: String,
}, },
linkedUser: { linkedUser: {
type: Object, type: Object,

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

@ -1,5 +1,5 @@
<template> <template>
<div class="Collaps-Icon"> <div class="collapse-icon">
<b-icon <b-icon
:icon="visible ? 'caret-up-square' : 'caret-down-square'" :icon="visible ? 'caret-up-square' : 'caret-down-square'"
:class="visible ? 'text-black' : 'text-muted'" :class="visible ? 'text-black' : 'text-muted'"
@ -8,6 +8,7 @@
</template> </template>
<script> <script>
export default { export default {
name: 'Collapse-Icon',
props: { props: {
visible: { visible: {
type: Boolean, 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" /> <memo :memo="memo" />
<!-- Datum --> <!-- Datum -->
<date :balanceDate="balanceDate" /> <date-row :balanceDate="balanceDate" />
<!-- Decay --> <!-- Decay -->
<b-row v-if="decay"> <decay-row :decay="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>
</b-col> </b-col>
</b-row> </b-row>
</div> </div>
@ -54,10 +43,9 @@
<script> <script>
import CollapseIcon from '../TransactionRows/CollapseIcon' import CollapseIcon from '../TransactionRows/CollapseIcon'
import TypeIcon from '../TransactionRows/TypeIcon' import TypeIcon from '../TransactionRows/TypeIcon'
import AmountAndName from '../TransactionRows/AmountAndName.vue' import AmountAndName from '../TransactionRows/AmountAndName'
import Memo from '../TransactionRows/Memo.vue' import Memo from '../TransactionRows/Memo'
import Date from '../TransactionRows/Date.vue' import DateRow from '../TransactionRows/DateRow'
import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
import DecayInformationLong from '../DecayInformations/DecayInformation-Long' import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock' import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
import DecayInformationDecayStartblock from '../DecayInformations/DecayInformation-DecayStartblock' import DecayInformationDecayStartblock from '../DecayInformations/DecayInformation-DecayStartblock'
@ -69,8 +57,7 @@ export default {
TypeIcon, TypeIcon,
AmountAndName, AmountAndName,
Memo, Memo,
Date, DateRow,
DecayInformationShort,
DecayInformationLong, DecayInformationLong,
DecayInformationBeforeStartblock, DecayInformationBeforeStartblock,
DecayInformationDecayStartblock, DecayInformationDecayStartblock,

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

@ -19,21 +19,10 @@
<memo :memo="memo" /> <memo :memo="memo" />
<!-- Datum --> <!-- Datum -->
<date :balanceDate="balanceDate" /> <date-row :balanceDate="balanceDate" />
<!-- Decay --> <!-- Decay -->
<b-row v-if="decay"> <decay-row :decay="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>
</b-col> </b-col>
</b-row> </b-row>
</div> </div>
@ -54,10 +43,9 @@
<script> <script>
import CollapseIcon from '../TransactionRows/CollapseIcon' import CollapseIcon from '../TransactionRows/CollapseIcon'
import TypeIcon from '../TransactionRows/TypeIcon' import TypeIcon from '../TransactionRows/TypeIcon'
import AmountAndName from '../TransactionRows/AmountAndName.vue' import AmountAndName from '../TransactionRows/AmountAndName'
import Memo from '../TransactionRows/Memo.vue' import Memo from '../TransactionRows/Memo'
import Date from '../TransactionRows/Date.vue' import DateRow from '../TransactionRows/DateRow'
import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
import DecayInformationLong from '../DecayInformations/DecayInformation-Long' import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock' import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
import DecayInformationDecayStartblock from '../DecayInformations/DecayInformation-DecayStartblock' import DecayInformationDecayStartblock from '../DecayInformations/DecayInformation-DecayStartblock'
@ -69,8 +57,7 @@ export default {
TypeIcon, TypeIcon,
AmountAndName, AmountAndName,
Memo, Memo,
Date, DateRow,
DecayInformationShort,
DecayInformationLong, DecayInformationLong,
DecayInformationBeforeStartblock, DecayInformationBeforeStartblock,
DecayInformationDecayStartblock, DecayInformationDecayStartblock,

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

@ -19,21 +19,10 @@
<memo :memo="memo" /> <memo :memo="memo" />
<!-- Datum --> <!-- Datum -->
<date :balanceDate="balanceDate" /> <date-row :balanceDate="balanceDate" />
<!-- Decay --> <!-- Decay -->
<b-row v-if="decay"> <decay-row :decay="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>
</b-col> </b-col>
</b-row> </b-row>
</div> </div>
@ -54,10 +43,10 @@
<script> <script>
import CollapseIcon from '../TransactionRows/CollapseIcon' import CollapseIcon from '../TransactionRows/CollapseIcon'
import TypeIcon from '../TransactionRows/TypeIcon' import TypeIcon from '../TransactionRows/TypeIcon'
import AmountAndName from '../TransactionRows/AmountAndName.vue' import AmountAndName from '../TransactionRows/AmountAndName'
import Memo from '../TransactionRows/Memo.vue' import Memo from '../TransactionRows/Memo'
import Date from '../TransactionRows/Date.vue' import DateRow from '../TransactionRows/DateRow'
import DecayInformationShort from '../DecayInformations/DecayInformation-Short' import DecayRow from '../TransactionRows/DecayRow'
import DecayInformationLong from '../DecayInformations/DecayInformation-Long' import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock' import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
import DecayInformationDecayStartblock from '../DecayInformations/DecayInformation-DecayStartblock' import DecayInformationDecayStartblock from '../DecayInformations/DecayInformation-DecayStartblock'
@ -68,8 +57,8 @@ export default {
TypeIcon, TypeIcon,
AmountAndName, AmountAndName,
Memo, Memo,
Date, DateRow,
DecayInformationShort, DecayRow,
DecayInformationLong, DecayInformationLong,
DecayInformationBeforeStartblock, DecayInformationBeforeStartblock,
DecayInformationDecayStartblock, DecayInformationDecayStartblock,