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

remove collaps button, add icon rotate if collaps open. change color shema

Browse Source
This commit is contained in:
ogerly 2022-02-10 10:52:07 +01:00
parent 7b2589699c
commit b2f051fc1f
1 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
View File

@ -2,13 +2,13 @@
<div class="gdd-transaction-list">
<div class="list-group">
<div v-if="!transactions" class="test-no-transactionlist text-right">
<b-icon icon="exclamation-triangle" class="mr-2" style="color: red"></b-icon>
<b-icon icon="exclamation-triangle" class="mr-2" variant="danger"></b-icon>
<small>
{{ $t('error.no-transactionlist') }}
</small>
</div>
<div v-if="transactionCount < 0" class="test-empty-transactionlist text-right">
<b-icon icon="exclamation-triangle" class="mr-2" style="color: red"></b-icon>
<b-icon icon="exclamation-triangle" class="mr-2" variant="danger"></b-icon>
<small>{{ $t('error.empty-transactionlist') }}</small>
</div>
<div
@ -27,23 +27,16 @@
>
<div
class="list-group-item gdd-transaction-list-item"
:class="getCollapseState(transactionId) ? 'bg-secondary' : ''"
v-b-toggle="'decay-' + transactionId"
>
<!-- Collaps Button -->
<div
v-if="
(type != 'decay' && decay) ||
firstTransaction ||
(type !== 'decay' && !firstTransaction && decay === null)
"
class="text-right"
style="width: 95%; position: absolute"
>
<b-button class="btn-sm">
<b>i</b>
</b-button>
<div class="text-right" style="width: 95%; position: absolute">
<b-icon
:icon="getCollapseState(transactionId) ? 'caret-up-square' : 'caret-down-square'"
:class="getCollapseState(transactionId) ? 'text-black' : 'text-muted'"
/>
</div>
<div>
<b-row>
<!-- ICON -->
@ -125,17 +118,13 @@
</div>
<!-- Collaps Start -->
<b-collapse
v-if="
<!-- v-if="
(type != 'decay' && decay) ||
firstTransaction ||
(!firstTransaction && decay === null)
"
class="pb-4"
:id="'decay-' + transactionId"
>
<div style="border: 0px; background-color: #f1f1f1" class="p-2 pb-4 mb-4">
" -->
<b-collapse class="pb-4" :id="'decay-' + transactionId">
<div class="pt-4 pb-4 bg-white">
<decay-information
v-if="decay"
decaytyp="new"
@ -192,6 +181,7 @@ export default {
data() {
return {
currentPage: 1,
collapseStatus: [],
}
},
props: {
@ -222,6 +212,18 @@ export default {
throwError(msg) {
throw new Error(msg)
},
getCollapseState(transactionId) {
return this.collapseStatus.includes('decay-' + transactionId)
},
},
mounted() {
this.$root.$on('bv::collapse::state', (collapseId, isJustShown) => {
if (isJustShown) {
this.collapseStatus.push(collapseId)
} else {
this.collapseStatus = this.collapseStatus.filter((id) => id !== collapseId)
}
})
},
watch: {
currentPage() {