Последняя версия с сервера прошлого разработчика
This commit is contained in:
50
nova/resources/js/components/Form/BooleanField.vue
Executable file
50
nova/resources/js/components/Form/BooleanField.vue
Executable file
@@ -0,0 +1,50 @@
|
||||
<template>
|
||||
<default-field :field="field" :errors="errors" :show-help-text="showHelpText">
|
||||
<template slot="field">
|
||||
<checkbox
|
||||
class="mt-2"
|
||||
@input="toggle"
|
||||
:id="field.attribute"
|
||||
:name="field.name"
|
||||
:checked="checked"
|
||||
:disabled="isReadonly"
|
||||
/>
|
||||
</template>
|
||||
</default-field>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { FormField, HandlesValidationErrors } from 'laravel-nova'
|
||||
|
||||
export default {
|
||||
mixins: [HandlesValidationErrors, FormField],
|
||||
|
||||
data: () => ({
|
||||
value: false,
|
||||
}),
|
||||
|
||||
mounted() {
|
||||
this.value = this.field.value || false
|
||||
|
||||
this.field.fill = formData => {
|
||||
formData.append(this.field.attribute, this.trueValue)
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
toggle() {
|
||||
this.value = !this.value
|
||||
},
|
||||
},
|
||||
|
||||
computed: {
|
||||
checked() {
|
||||
return Boolean(this.value)
|
||||
},
|
||||
|
||||
trueValue() {
|
||||
return +this.checked
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user