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