It will be enabled when the user checks the "manage environments" permission. This updates the Jinja and Vue checkbox input components so that Vue can monitor the inpur state.
32 lines
902 B
HTML
32 lines
902 B
HTML
{% macro CheckboxInput(
|
|
field,
|
|
label=field.label,
|
|
inline=False,
|
|
classes="") -%}
|
|
<checkboxinput
|
|
name='{{ field.name }}'
|
|
inline-template
|
|
key='{{ field.name }}'
|
|
v-bind:initial-checked='{{ field.data|string|lower }}'
|
|
>
|
|
<div>
|
|
<div class='usa-input {{ classes }} {% if field.errors %}usa-input--error{% endif %}'>
|
|
|
|
<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"}) }}
|
|
{{ label | safe }}
|
|
|
|
{% if field.description %}
|
|
<span class='usa-input__help'>{{ field.description | safe }}</span>
|
|
{% endif %}
|
|
</legend>
|
|
</fieldset>
|
|
</div>
|
|
{% if caller %}
|
|
{{ caller() }}
|
|
{% endif %}
|
|
</div>
|
|
</checkboxinput>
|
|
{%- endmacro %}
|