48 lines
958 B
Vue
48 lines
958 B
Vue
<template>
|
|
<label>
|
|
<input type="checkbox" :checked="value" @change="updateValue($event.target.checked)" :title="$t(tooltipTr)" />
|
|
<span :style="{ width: width + 'em' }">{{ $t(labelTr) }}</span>
|
|
</label>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "CheckboxWidget",
|
|
props: {
|
|
labelTr: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
value: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: false
|
|
},
|
|
tooltipTr: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
width: {
|
|
type: Number,
|
|
required: false,
|
|
default: 10
|
|
}
|
|
},
|
|
methods: {
|
|
updateValue(checked) {
|
|
this.$emit("input", checked || false);
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
label {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
input[type="checkbox"] {
|
|
margin-right: 0.5em;
|
|
}
|
|
</style>
|