badges AmountGDD and AmountGDT show and hide

This commit is contained in:
ogerly 2022-12-15 14:18:45 +01:00
parent d734d54239
commit de4431774b
5 changed files with 13 additions and 21 deletions

View File

@ -4,7 +4,7 @@
tag="div" tag="div"
:rules="rules" :rules="rules"
:name="name" :name="name"
v-slot="{ errors, valid, validated, ariaInput, ariaMsg }" v-slot="{ valid, validated, ariaInput }"
> >
<b-form-group :label="label" :label-for="labelFor"> <b-form-group :label="label" :label-for="labelFor">
<b-form-input <b-form-input
@ -19,9 +19,6 @@
min="0" min="0"
:max="validMaxTime" :max="validMaxTime"
></b-form-input> ></b-form-input>
<b-form-invalid-feedback v-bind="ariaMsg">
{{ errors[0] }}
</b-form-invalid-feedback>
</b-form-group> </b-form-group>
</validation-provider> </validation-provider>
</div> </div>

View File

@ -2,6 +2,7 @@
<div class="translucent-color-opacity"> <div class="translucent-color-opacity">
<div class="text-center"> <div class="text-center">
<b-badge <b-badge
v-if="badgeShow"
class="position-absolute mt--2 ml--4 px-3 zindex1" class="position-absolute mt--2 ml--4 px-3 zindex1"
:variant="showStatus ? 'success' : 'light'" :variant="showStatus ? 'success' : 'light'"
> >
@ -59,7 +60,7 @@ export default {
props: { props: {
path: { type: String, required: false, default: '' }, path: { type: String, required: false, default: '' },
balance: { type: Number, required: true }, balance: { type: Number, required: true },
badge: { type: Boolean, default: false }, badgeShow: { type: Boolean, default: true },
showStatus: { type: Boolean, default: false }, showStatus: { type: Boolean, default: false },
}, },
computed: { computed: {

View File

@ -2,8 +2,9 @@
<div> <div>
<div class="text-center"> <div class="text-center">
<b-badge <b-badge
v-if="badgeShow"
class="position-absolute mt--2 ml--4 px-3 zindex1" class="position-absolute mt--2 ml--4 px-3 zindex1"
:variant="badge ? 'success' : 'light'" :variant="showStatus ? 'success' : 'light'"
> >
{{ $t('GDT') }} {{ $t('GDT') }}
</b-badge> </b-badge>
@ -53,7 +54,7 @@ export default {
name: 'GdtAmount', name: 'GdtAmount',
props: { props: {
GdtBalance: { type: Number, required: true }, GdtBalance: { type: Number, required: true },
badge: { type: Boolean, default: false }, badgeShow: { type: Boolean, default: true },
showStatus: { type: Boolean, default: false }, showStatus: { type: Boolean, default: false },
}, },
computed: { computed: {

View File

@ -4,7 +4,7 @@
<b-row> <b-row>
<b-col cols="5"> <b-col cols="5">
<div> <div>
<gdd-amount :balance="balance" :showStatus="false" :path="path" /> <gdd-amount :balance="balance" :showStatus="false" :path="path" :badgeShow="false" />
</div> </div>
</b-col> </b-col>
<b-col cols="7"> <b-col cols="7">
@ -20,13 +20,13 @@
<b-row> <b-row>
<b-col cols="6"> <b-col cols="6">
<div> <div>
<gdd-amount :balance="balance" :badge="true" :showStatus="true" /> <gdd-amount :balance="balance" :badge="true" :showStatus="true" :badgeShow="false" />
</div> </div>
</b-col> </b-col>
<b-col cols="6"> <b-col cols="6">
<div> <div>
<router-link to="gdt"> <router-link to="gdt">
<gdt-amount :GdtBalance="GdtBalance" /> <gdt-amount :GdtBalance="GdtBalance" :badgeShow="false" />
</router-link> </router-link>
</div> </div>
</b-col> </b-col>
@ -37,7 +37,7 @@
<b-col cols="6"> <b-col cols="6">
<div> <div>
<router-link to="transactions"> <router-link to="transactions">
<gdd-amount :balance="balance" :badge="true" :showStatus="true" /> <gdd-amount :balance="balance" :showStatus="true" />
</router-link> </router-link>
</div> </div>
</b-col> </b-col>
@ -55,7 +55,7 @@
<b-col cols="6"> <b-col cols="6">
<div> <div>
<router-link to="transactions"> <router-link to="transactions">
<gdd-amount :balance="balance" :badge="true" :showStatus="false" /> <gdd-amount :balance="balance" :showStatus="false" />
</router-link> </router-link>
</div> </div>
</b-col> </b-col>

View File

@ -56,15 +56,8 @@ export const loadAllRules = (i18nCallback) => {
extend('gddCreationTime', { extend('gddCreationTime', {
validate(value, { min, max }) { validate(value, { min, max }) {
value = value.replace(',', '.') if (value) value = value.replace(',', '.')
// console.log(value) return value >= min && value <= max
// console.log(min)
// console.log(max)
// console.log(typeof(value))
// console.log(typeof(min))
// console.log(typeof(max))
// value = value.replace(',', '.')
return Number(value) >= min && Number(value) <= max
}, },
params: ['min', 'max'], params: ['min', 'max'],
message: (_, values) => { message: (_, values) => {