36 lines
791 B
Vue
36 lines
791 B
Vue
<template>
|
|
<div v-tooltip="comment" class="bool" :class="value ? 'enabled' : 'disabled'">
|
|
<ui-sprite v-if="!$slots.default" :src="value ? 'check' : 'close'"></ui-sprite>
|
|
<slot></slot>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
value: {
|
|
type: Boolean,
|
|
default: () => false,
|
|
},
|
|
trueComment: {},
|
|
falseComment: {},
|
|
},
|
|
|
|
computed: {
|
|
t() {
|
|
return this.value ? 'Ja' : 'Nein';
|
|
},
|
|
comment() {
|
|
if (this.value && this.trueComment) {
|
|
return this.trueComment;
|
|
}
|
|
if (!this.value && this.falseComment) {
|
|
return this.falseComment;
|
|
}
|
|
|
|
return '';
|
|
},
|
|
},
|
|
};
|
|
</script>
|