Merge pull request #976 from dod-ccpo/activate-next-buttons-to-form

Activate next buttons on TO form
This commit is contained in:
leigh-mil 2019-07-18 16:47:37 -04:00 committed by GitHub
commit ec94c3d084
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 28 additions and 8 deletions

View File

@ -19,11 +19,20 @@ export default {
}
},
created: function() {
emitEvent('field-mount', this, {
optional: this.optional,
name: this.name,
valid: this.isChecked,
})
},
methods: {
onInput: function(e) {
emitEvent('field-change', this, {
value: e.target.checked,
name: this.name,
valid: this.isChecked,
})
},
},

View File

@ -1,6 +1,10 @@
export default {
props: {
initialSelectedSection: String,
hasChanges: {
type: Boolean,
default: false,
},
},
mounted: function() {
@ -44,6 +48,20 @@ export default {
},
},
computed: {
canSave: function() {
const formValid = !this.invalid
if (formValid) {
return true
} else if (this.changed && formValid) {
return true
} else {
return false
}
},
},
data: function() {
return {
changed: this.hasChanges,
@ -51,11 +69,4 @@ export default {
invalid: true,
}
},
props: {
hasChanges: {
type: Boolean,
default: false,
},
},
}

View File

@ -13,7 +13,7 @@
<input
type="submit"
tabindex="0"
:disabled="!changed"
:disabled="!canSave"
value="{{ next_button_text }}"
form="to_form"
class="usa-button usa-button-primary">