pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

display valid state for option inputs that have an initial value

Browse Source
This commit is contained in:
dandds 2018-11-08 11:05:58 -05:00
parent 89e613d445
commit d12bed4ef3
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
js/components/options_input.js
View File

@ -7,13 +7,14 @@ export default {
type: Array, type: Array,
default: () => [] default: () => []
}, },
initialValue: String,
}, },
data: function () { data: function () {
return { return {
showError: (this.initialErrors && this.initialErrors.length) || false, showError: (this.initialErrors && this.initialErrors.length) || false,
showValid: false, showValid: !!this.initialValue,
validationError: this.initialErrors.join(' ') validationError: this.initialErrors.join(' ')
} }
}, },

1
templates/components/options_input.html
View File

@ -6,6 +6,7 @@
name='{{ field.name }}' name='{{ field.name }}'
inline-template inline-template
{% if field.errors %}v-bind:initial-errors='{{ field.errors | list }}'{% endif %} {% if field.errors %}v-bind:initial-errors='{{ field.errors | list }}'{% endif %}
{% if field.data and field.data != "None" %}v-bind:initial-value="'{{ field.data }}'"{% endif %}
key='{{ field.name }}'> key='{{ field.name }}'>
<div <div
v-bind:class="['usa-input', { 'usa-input--error': showError, 'usa-input--success': showValid }]"> v-bind:class="['usa-input', { 'usa-input--error': showError, 'usa-input--success': showValid }]">