Nemcio/Grav-Admin-Plugin
1
0
Fork 0
mirror of https://github.com/getgrav/grav-plugin-admin.git synced 2025-11-14 09:16:05 +01:00
Code Issues Packages Projects Releases Activity

added HTML5 validation message to text/password fields

Browse Source
This commit is contained in:
Andy Miller
2015-07-22 08:23:43 -06:00
parent 3f6b0c0fa5
commit f90d213312
6 changed files with 37 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/grav/css-compiled/template.css
View File

@@ -565,7 +565,7 @@ form select {
padding: 5px 30px 5px 10px;
cursor: pointer;
margin: 0; }
form input[type=text], form input[type=password] {
form input[type=text], form input[type=password], form input[type=email] {
width: 100%;
border: 1px solid #d4d4d4;
background: #fff; }

2
themes/grav/css-compiled/template.css.map
View File

File diff suppressed because one or more lines are too long

2
themes/grav/scss/template/_forms.scss
View File

@@ -210,7 +210,7 @@ form {
margin: 0;
}
input[type=text], input[type=password] {
input[type=text], input[type=password], input[type=email] {
width: 100%;
border: $form-border-width solid $form-border;
background: $white;

32
themes/grav/templates/forms/fields/email/email.html.twig Normal file
View File

@@ -0,0 +1,32 @@
{% set value = (value is null ? field.default : value) %}
<div class="form-field grid pure-g">
<div class="form-label block size-1-3 pure-u-1-3">
<label>
{% if field.help %}
<span class="tooltip" data-asTooltip-position="w" title="{{ field.help|e }}">{{ field.label }}</span>
{% else %}
{{ field.label }}
{% endif %}
{{ field.validate.required in ['on', 'true', 1] ? '<span class="required">*</span>' }}
</label>
</div>
<div class="form-data block size-2-3 pure-u-2-3">
<div class="form-input-wrapper {{ field.size }}">
<input type="email"
class="{{ field.classes }}"
name="{{ (scope ~ field.name)|fieldName }}"
value="{{ value|join(', ') }}"
{% if field.placeholder %}placeholder="{{ field.placeholder }}"{% endif %}
{% if field.title %}title="{{ field.title }}"{% endif %}
{% if field.autofocus in ['on', 'true', 1] %}autofocus="autofocus"{% endif %}
{% if field.novalidate in ['on', 'true', 1] %}novalidate="novalidate"{% endif %}
{% if field.readonly in ['on', 'true', 1] %}readonly="readonly"{% endif %}
{% if field.autocomplete in ['on', 'off'] %}autocomplete="{{ field.autocomplete }}"{% endif %}
{% if field.validate.required in ['on', 'true', 1] %}required="required"{% endif %}
{% if field.validate.pattern %}pattern="{{ field.validate.pattern }}"{% endif %}
{% if field.validate.message %}title="{{ field.validate.message }}"{% endif %}
/>
</div>
</div>
</div>

2
themes/grav/templates/forms/fields/password/password.html.twig
View File

@@ -18,12 +18,12 @@
name="{{ (scope ~ field.name)|fieldName }}"
value="{{ value|join(', ') }}"
{% if field.placeholder %}placeholder="{{ field.placeholder }}"{% endif %}
{% if field.title %}title="{{ field.title }}"{% endif %}
{% if field.autofocus in ['on', 'true', 1] %}autofocus="autofocus"{% endif %}
{% if field.novalidate in ['on', 'true', 1] %}novalidate="novalidate"{% endif %}
{% if field.autocomplete in ['on', 'off'] %}autocomplete="{{ field.autocomplete }}"{% endif %}
{% if field.validate.required in ['on', 'true', 1] %}required="required"{% endif %}
{% if field.validate.pattern %}pattern="{{ field.validate.pattern }}"{% endif %}
{% if field.validate.message %}title="{{ field.validate.message }}"{% endif %}
/>
</div>
</div>

2
themes/grav/templates/forms/fields/text/text.html.twig
View File

@@ -25,7 +25,7 @@
{% if field.autocomplete in ['on', 'off'] %}autocomplete="{{ field.autocomplete }}"{% endif %}
{% if field.validate.required in ['on', 'true', 1] %}required="required"{% endif %}
{% if field.validate.pattern %}pattern="{{ field.validate.pattern }}"{% endif %}
{% if field.validate.message %}title="{{ field.validate.message }}"{% endif %}
/>
</div>
</div>