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

Refactor to use v-model

Browse Source
This commit is contained in:
Montana 2019-01-04 13:21:50 -05:00
parent 2743bddf0c
commit 53a6c73510
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
js/components/multi_checkbox_input.js
View File

@ -32,15 +32,14 @@ export default {
showValid: !showError && !!this.initialValue,
validationError: this.initialErrors.join(' '),
otherChecked: this.initialValue.includes("other") ? true : this.otherChecked,
otherText: this.initialOtherValue
otherText: this.initialOtherValue,
selections: []
}
},
mounted: function () {
for (let child of this.$el.firstChild.lastElementChild.children) {
if (this.initialValue.includes(child.firstChild.value)) {
child.firstChild.checked = true
}
for (let choice of this.initialValue) {
this.selections.push(choice)
}
},

5
templates/components/multi_checkbox_input.html
View File

@ -3,6 +3,7 @@
{% macro MultiCheckboxInput(field, other_input_field, tooltip, inline=False) -%}
<multicheckboxinput
v-cloak
name='{{ field.name }}'
inline-template
{% if field.errors %}v-bind:initial-errors='{{ field.errors | list }}'{% endif %}
@ -31,10 +32,10 @@
{% for choice in field.choices %}
<li>
{% if choice[0] != 'other' %}
<input type='checkbox' name='{{ field.name }}' id='{{ field.name }}-{{ field.choices.index(choice) }}' value='{{ choice[0] }}'/>
<input type='checkbox' name='{{ field.name }}' id='{{ field.name }}-{{ field.choices.index(choice) }}' value='{{ choice[0] }}' v-model="selections"/>
<label for='{{ field.name }}-{{ field.choices.index(choice) }}'>{{ choice[1] }}</label>
{% else %}
<input @click="otherToggle" type='checkbox' name='{{ field.name }}' id='{{ field.name }}-{{ field.choices.index(choice) }}' value='other'/>
<input @click="otherToggle" type='checkbox' name='{{ field.name }}' id='{{ field.name }}-{{ field.choices.index(choice) }}' value='other' v-model="selections"/>
<label for='{{ field.name }}-{{ field.choices.index(choice) }}'>{{ choice[1] }}</label>
<div v-show="otherChecked">