33 lines
748 B
Vue
33 lines
748 B
Vue
<template>
|
|
<span class="badge" :class="[status ? true_class : false_class]">
|
|
<template v-if="status">{{ $t(true_text) }}</template>
|
|
<template v-else>{{ $t(false_text) }}</template>
|
|
</span>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue';
|
|
|
|
export default defineComponent({
|
|
props: {
|
|
status: Boolean,
|
|
true_text: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
false_text: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
true_class: {
|
|
type: String,
|
|
default: 'text-bg-success',
|
|
},
|
|
false_class: {
|
|
type: String,
|
|
default: 'text-bg-danger',
|
|
},
|
|
},
|
|
});
|
|
</script>
|