32 lines
752 B
Vue
32 lines
752 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> |