darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-20 14:29:51 -04:00
Code Issues Packages Projects Releases Wiki Activity

added error alert to edit textbox page

Browse Source
This commit is contained in:
Beverly Nguyen
2023-12-20 14:53:27 -08:00
parent b17eb5a216
commit 96241a8a3b
2 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/sass/uswds/_uswds-theme-custom-styles.scss
View File

@@ -475,3 +475,7 @@ details form {
padding-left: 5px; padding-left: 5px;
letter-spacing: 0.04em; letter-spacing: 0.04em;
} }
.edit-textbox-error-mt {
margin-top: 1.5rem;
}

15
app/templates/components/textbox.html
View File

@@ -19,17 +19,22 @@
class="form-group{% if field.errors %} form-group-error{% endif %} {{ extra_form_group_classes }}" class="form-group{% if field.errors %} form-group-error{% endif %} {{ extra_form_group_classes }}"
data-module="{% if autofocus %}autofocus{% elif colour_preview %}colour-preview{% endif %}" data-module="{% if autofocus %}autofocus{% elif colour_preview %}colour-preview{% endif %}"
> >
{% if field.errors %}
<div class="usa-alert usa-alert--error edit-textbox-error-mt" role="alert">
<div class="usa-alert__body">
<h4 class="usa-alert__heading">Error message</h4>
<p class="usa-alert__text" data-module="track-error" data-error-type="{{ field.errors[0] }}" data-error-label="{{ field.name }}">
{% if not safe_error_message %}{{ field.errors[0] }}{% else %}{{ field.errors[0]|safe }}{% endif %}
</p>
</div>
</div>
{% endif %}
<label class="usa-label" for="{{ field.name }}"> <label class="usa-label" for="{{ field.name }}">
{% if label %} {% if label %}
{{ label }} {{ label }}
{% else %} {% else %}
{{ field.label.text }} {{ field.label.text }}
{% endif %} {% endif %}
{% if field.errors %}
<span class="error-message" data-module="track-error" data-error-type="{{ field.errors[0] }}" data-error-label="{{ field.name }}">
{% if not safe_error_message %}{{ field.errors[0] }}{% else %}{{ field.errors[0]|safe }}{% endif %}
</span>
{% endif %}
</label> </label>
{% if hint %} {% if hint %}
<div class="usa-hint"> <div class="usa-hint">