a small relational database with user-editable schema for manual data entry
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
yopa/yopa-web/resources/src/components/value/BooleanValue.vue

34 lines
579 B

<script>
export default {
name: "BooleanValue",
props: {
id: {
type: String,
default: '',
},
value: Object
},
methods: {
focus() {
this.$refs.input.focus();
}
},
computed: {
inputValue: {
set(value) {
this.value.Boolean = !!value;
},
get() {
return this.value.Boolean;
}
}
}
};
</script>
<template>
<label class="form-switch input-inline">
<input ref="input" type="checkbox" :id="id" value="true" v-model="inputValue">
<i class="form-icon"></i>
</label>
</template>