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

Reorder elements on the page, fix input widths, move validation icon for inputs

Browse Source
This commit is contained in:
leigh-mil
2019-07-24 13:04:39 -04:00
parent c4651332a2
commit e8dede201b
4 changed files with 209 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
templates/components/options_input.html
View File

@@ -1,7 +1,7 @@
{% from "components/icon.html" import Icon %}
{% from "components/tooltip.html" import Tooltip %}
{% macro OptionsInput(field, tooltip, inline=False, label=True, disabled=False, watch=False, optional=True) -%}
{% macro OptionsInput(field, tooltip, inline=False, label=True, show_validation=True, disabled=False, watch=False, optional=True) -%}
<optionsinput
name='{{ field.name }}'
inline-template
@@ -27,8 +27,10 @@
<span class='usa-input__help'>{{ field.description | safe }}</span>
{% endif %}
<span v-show='showError'>{{ Icon('alert',classes="icon-validation") }}</span>
<span v-show='showValid'>{{ Icon('ok',classes="icon-validation") }}</span>
{% if show_validation %}
<span v-show='showError'>{{ Icon('alert',classes="icon-validation") }}</span>
<span v-show='showValid'>{{ Icon('ok',classes="icon-validation") }}</span>
{% endif %}
</legend>
{% endif %}

17
templates/components/text_input.html
View File

@@ -16,7 +16,8 @@
noMaxWidth=False,
optional=True,
showLabel=True,
watch=False) -%}
watch=False,
show_validation=True) -%}
<textinput
v-cloak
@@ -101,12 +102,14 @@
{% endif %}
/>
<template v-if='showError'>
<span class='usa-input__message' v-html='validationError'></span>
</template>
<template v-else>
<span class='usa-input__message'></span>
</template>
{% if show_validation %}
<template v-if='showError'>
<span class='usa-input__message' v-html='validationError'></span>
</template>
<template v-else>
<span class='usa-input__message'></span>
</template>
{% endif %}
</div>
</textinput>