mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
67 lines
2.0 KiB
Vue
67 lines
2.0 KiB
Vue
<template>
|
|
<div>
|
|
<div class="text-center">
|
|
<b-badge
|
|
v-if="badgeShow"
|
|
class="position-absolute mt--2 ml--4 px-3 zindex1"
|
|
:variant="showStatus ? 'success' : 'light'"
|
|
>
|
|
{{ $t('GDT') }}
|
|
</b-badge>
|
|
</div>
|
|
<div
|
|
class="wallet-amount bg-white appBoxShadow gradido-border-radius p-4 border"
|
|
:class="showStatus ? 'gradido-global-border-color-accent' : 'border-light opacity-05'"
|
|
>
|
|
<b-row>
|
|
<b-col class="h4">{{ $t('gdt.gdtKonto') }}</b-col>
|
|
<!-- <b-col cols="3" class="text-center">
|
|
<div>
|
|
<b-icon
|
|
:icon="badge ? 'check-circle' : 'circle'"
|
|
class="gradido-global-border-color-accent"
|
|
></b-icon>
|
|
<div class="small">{{ badge ? $t('active') : $t('inactive') }}</div>
|
|
</div>
|
|
</b-col> -->
|
|
</b-row>
|
|
<b-row>
|
|
<b-col cols="12" md="10" lg="10">
|
|
<b-icon
|
|
icon="layers"
|
|
class="mr-3 gradido-global-border-color-accent d-none d-lg-inline"
|
|
></b-icon>
|
|
<span v-if="hideAmount" class="font-weight-bold gradido-global-color-accent">
|
|
{{ $t('asterisks') }}
|
|
</span>
|
|
<span v-else class="font-weight-bold gradido-global-color-accent">
|
|
{{ $n(GdtBalance, 'decimal') }} {{ $t('GDT') }}
|
|
</span>
|
|
</b-col>
|
|
<b-col cols="12" md="2" lg="2" class="border-left border-light">
|
|
<b-icon
|
|
:icon="hideAmount ? 'eye-slash' : 'eye'"
|
|
class="mr-3 gradido-global-border-color-accent"
|
|
@click="$store.commit('hideAmountGDT', !hideAmount)"
|
|
></b-icon>
|
|
</b-col>
|
|
</b-row>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: 'GdtAmount',
|
|
props: {
|
|
GdtBalance: { type: Number, required: true },
|
|
badgeShow: { type: Boolean, default: true },
|
|
showStatus: { type: Boolean, default: false },
|
|
},
|
|
computed: {
|
|
hideAmount() {
|
|
return this.$store.state.hideAmountGDT
|
|
},
|
|
},
|
|
}
|
|
</script>
|