nested checkbox component

This commit is contained in:
dandds
2019-04-29 06:32:17 -04:00
parent b7a8cd4168
commit 47b07c2bb5
5 changed files with 41 additions and 7 deletions

View File

@@ -14,7 +14,7 @@
<fieldset data-ally-disabled="true" v-on:change="onInput" class="usa-input__choices {% if inline %}usa-input__choices--inline{% endif %}">
<legend>
{{ field(**{"v-model": "checked"}) }}
{{ field(**{"v-model": "isChecked"}) }}
{{ label | safe }}
{% if field.description %}

View File

@@ -89,11 +89,11 @@
{{ CheckboxInput(member_form.permission_sets.perms_team_mgmt, classes="input__inline-fields") }}
{% call CheckboxInput(member_form.permission_sets.perms_env_mgmt, classes="input__inline-fields") %}
{% set field=member_form.permission_sets.perms_del_env %}
<checkboxinput
<nestedcheckboxinput
name='{{ field.name }}'
inline-template
key='{{ field.name }}'
v-bind:initial-checked='{{ field.data|string|lower }}'
v-bind:is-parent-checked="isChecked"
>
<div class="usa-input input__inline-fields input__inline-fields--indented">
<fieldset data-ally-disabled="true" class="usa-input__choices usa-input__choices--inline">
@@ -102,8 +102,8 @@
id="permission_sets-perms_del_env"
name="permission_sets-perms_del_env"
type="checkbox"
v-model="checked"
v-bind:disabled="!$parent.checked">
v-model="isChecked"
v-bind:disabled="!$parent.isChecked">
{{ field.label | safe }}
</legend>
</fieldset>