empty list groups hide in LastTransactions.vue

This commit is contained in:
ogerly 2022-12-07 10:48:42 +01:00
parent 4767b5f050
commit 52e820a68d

View File

@ -6,60 +6,30 @@
<b-icon icon="three-dots-vertical"></b-icon> <b-icon icon="three-dots-vertical"></b-icon>
</b-col> </b-col>
</b-row> </b-row>
<b-list-group flush horizontal> <b-list-group class="mt-5">
<b-list-group-item v-for="(transaction, index) in transactions" :key="transaction.id"> <div v-for="(transaction, index) in transactions" :key="transaction.id">
<div <b-list-group-item
v-if=" v-if="
index <= 7 && index <= 7 &&
transaction.typeId !== 'DECAY' && transaction.typeId !== 'DECAY' &&
transaction.typeId !== 'LINK_SUMMARY' && transaction.typeId !== 'LINK_SUMMARY' &&
transaction.typeId !== 'CREATION' transaction.typeId !== 'CREATION'
" "
class="d-flex align-items-center"
> >
<b-avatar <div class="d-flex align-items-center">
:text="transaction.linkedUser.firstName[0] + transaction.linkedUser.lastName[0]"
:variant="transaction.typeId === 'SEND' ? 'danger' : 'success'"
class="mr-3"
></b-avatar>
<span class="mr-auto">
{{ transaction.linkedUser.firstName }} {{ transaction.linkedUser.lastName }}
</span>
<b-badge>{{ transaction.amount | GDD }}</b-badge>
</div>
</b-list-group-item>
</b-list-group>
<!-- <div class="mt-3 mb-3" v-for="(transaction, index) in transactions" :key="transaction.id">
<b-row
v-if="
index <= 7 &&
transaction.typeId !== 'DECAY' &&
transaction.typeId !== 'LINK_SUMMARY' &&
transaction.typeId !== 'CREATION'
"
>
<b-col>
<div class="d-flex">
<b-avatar <b-avatar
:text="transaction.linkedUser.firstName[0] + transaction.linkedUser.lastName[0]" :text="transaction.linkedUser.firstName[0] + transaction.linkedUser.lastName[0]"
:variant="transaction.typeId === 'SEND' ? 'success' : 'danger'" :variant="transaction.typeId === 'SEND' ? 'danger' : 'success'"
class="mr-3" class="mr-3"
></b-avatar> ></b-avatar>
<div class="small"> <span class="mr-auto">
<div class="font-weight-bold"> {{ transaction.linkedUser.firstName }} {{ transaction.linkedUser.lastName }}
{{ transaction.linkedUser.firstName }} {{ transaction.linkedUser.lastName }} </span>
</div> <b-badge>{{ transaction.amount | GDD }}</b-badge>
{{ $d(new Date(transaction.balanceDate), 'short') }}
</div>
</div> </div>
</b-list-group-item>
<b-row class="mb-2 text-right"> </div>
<b-col class="small">{{ $d(new Date(transaction.balanceDate), 'short') }}</b-col> </b-list-group>
<b-col class="small">{{ transaction.amount | GDD }}</b-col>
</b-row>
</b-col>
</b-row>
</div> -->
</div> </div>
</template> </template>
<script> <script>