35 lines
1.0 KiB
HTML
35 lines
1.0 KiB
HTML
{% macro CheckboxInput(
|
|
field,
|
|
label=field.label,
|
|
inline=False,
|
|
classes="",
|
|
key=field.name,
|
|
id=field.name,
|
|
optional=False) -%}
|
|
<checkboxinput
|
|
name='{{ field.name }}'
|
|
inline-template
|
|
key='{{ key }}'
|
|
v-bind:initial-checked='{{ field.data|string|lower }}'
|
|
v-bind:optional={{ optional|lower }}
|
|
>
|
|
<div>
|
|
<div class='usa-input {{ classes }} {% if field.errors %}usa-input--error{% endif %}' v-bind:class="[{ 'checked': isChecked }]">
|
|
|
|
<fieldset data-ally-disabled="true" v-on:change="onInput" class="usa-input__choices {% if inline %}usa-input__choices--inline{% endif %}">
|
|
<legend>
|
|
{{ field(id=id, checked=True, **{"v-model": "isChecked"}) }}
|
|
{{ field.label(for=id) | safe }}
|
|
|
|
{% if field.description %}
|
|
<p class='usa-input__help'>
|
|
{{ field.description | safe }}
|
|
</p>
|
|
{% endif %}
|
|
</legend>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</checkboxinput>
|
|
{%- endmacro %}
|