57 lines
1.1 KiB
JavaScript
57 lines
1.1 KiB
JavaScript
export default {
|
|
props: {
|
|
initialSelectedSection: String,
|
|
hasChanges: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
enableSave: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
},
|
|
|
|
data: function() {
|
|
return {
|
|
changed: this.hasChanges,
|
|
valid: false,
|
|
submitted: false,
|
|
}
|
|
},
|
|
|
|
mounted: function() {
|
|
this.$on('field-change', this.handleFieldChange)
|
|
this.valid = this.validateFields()
|
|
},
|
|
|
|
methods: {
|
|
handleFieldChange: function(event) {
|
|
this.valid = this.validateFields()
|
|
this.changed = true
|
|
},
|
|
|
|
validateFields: function() {
|
|
return this.$children.every(child => child.valid)
|
|
},
|
|
|
|
handleSubmit: function(event) {
|
|
if (!this.valid) {
|
|
event.preventDefault()
|
|
this.submitted = true
|
|
}
|
|
},
|
|
},
|
|
|
|
computed: {
|
|
canSave: function() {
|
|
if (this.changed && this.valid && !this.submitted) {
|
|
return true
|
|
} else if (this.enableSave && this.valid && !this.submitted) {
|
|
return true
|
|
} else {
|
|
return false
|
|
}
|
|
},
|
|
},
|
|
}
|