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 TransactionRows/CollapsIcon.vue, add this components in transaction slots

Browse Source
This commit is contained in:
ogerly 2022-03-10 11:22:17 +01:00
parent 8211538d6f
commit d5ff360b18
6 changed files with 34 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -89,6 +89,11 @@ export default {
}
</script>
<style>
collaps-icon {
width: 95%;
position: absolute;
}
.el-table .cell {
padding-left: 0px;
padding-right: 0px;

17
frontend/src/components/TransactionRows/CollapsIcon.vue Normal file
View File

@ -0,0 +1,17 @@
<template>
<div class="Collaps-Icon">
<b-icon
:icon="visible ? 'caret-up-square' : 'caret-down-square'"
:class="visible ? 'text-black' : 'text-muted'"
/>
</div>
</template>
<script>
export default {
props: {
visible: {
type: Boolean,
},
},
}
</script>

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

@ -2,12 +2,7 @@
<div class="transaction-slot-creation">
<div @click="visible = !visible">
<!-- Collaps Icon -->
<div class="text-right" style="width: 95%; position: absolute">
<b-icon
:icon="visible ? 'caret-up-square' : 'caret-down-square'"
:class="visible ? 'text-black' : 'text-muted'"
/>
</div>
<collaps-icon class="text-right" :visible="visible" />
<div>
<b-row>
@ -89,6 +84,7 @@
</div>
</template>
<script>
import CollapsIcon from '../TransactionRows/CollapsIcon'
import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
@ -97,6 +93,7 @@ import DecayInformationDecayStartblock from '../DecayInformations/DecayInformati
export default {
name: 'slot-creation',
components: {
CollapsIcon,
DecayInformationShort,
DecayInformationLong,
DecayInformationBeforeStartblock,

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

@ -2,12 +2,7 @@
<div class="transaction-slot-decay">
<div @click="visible = !visible">
<!-- Collaps Icon -->
<div class="text-right" style="width: 95%; position: absolute">
<b-icon
:icon="visible ? 'caret-up-square' : 'caret-down-square'"
:class="visible ? 'text-black' : 'text-muted'"
/>
</div>
<collaps-icon class="text-right" :visible="visible" />
<div>
<b-row>
@ -45,11 +40,13 @@
</div>
</template>
<script>
import CollapsIcon from '../TransactionRows/CollapsIcon'
import DecayInformationDecay from '../DecayInformations/DecayInformation-Decay'
export default {
name: 'slot-decay',
components: {
CollapsIcon,
DecayInformationDecay,
},
props: {

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

@ -2,12 +2,7 @@
<div class="transaction-slot-receive">
<div @click="visible = !visible">
<!-- Collaps Icon -->
<div class="text-right" style="width: 95%; position: absolute">
<b-icon
:icon="visible ? 'caret-up-square' : 'caret-down-square'"
:class="visible ? 'text-black' : 'text-muted'"
/>
</div>
<collaps-icon class="text-right" :visible="visible" />
<div>
<b-row>
@ -92,6 +87,7 @@
</div>
</template>
<script>
import CollapsIcon from '../TransactionRows/CollapsIcon'
import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
@ -100,6 +96,7 @@ import DecayInformationDecayStartblock from '../DecayInformations/DecayInformati
export default {
name: 'slot-receive',
components: {
CollapsIcon,
DecayInformationShort,
DecayInformationLong,
DecayInformationBeforeStartblock,

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

@ -2,12 +2,7 @@
<div class="transaction-slot-send">
<div @click="visible = !visible">
<!-- Collaps Icon -->
<div class="text-right" style="width: 95%; position: absolute">
<b-icon
:icon="visible ? 'caret-up-square' : 'caret-down-square'"
:class="visible ? 'text-black' : 'text-muted'"
/>
</div>
<collaps-icon class="text-right" :visible="visible" />
<div>
<b-row>
@ -89,6 +84,7 @@
</div>
</template>
<script>
import CollapsIcon from '../TransactionRows/CollapsIcon'
import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
@ -96,6 +92,7 @@ import DecayInformationDecayStartblock from '../DecayInformations/DecayInformati
export default {
name: 'slot-send',
components: {
CollapsIcon,
DecayInformationShort,
DecayInformationLong,
DecayInformationBeforeStartblock,