templates/security/_auth_field.html.twig line 1

Open in your IDE?
  1. {% set has_error = field.vars.errors|length > 0 %}
  2. {% set field_attrs = {
  3.     'class': 'input-field__control' ~ (select|default(false) ? ' auth-field__select' : ''),
  4.     'placeholder': placeholder|default(''),
  5.     'autocomplete': autocomplete|default('off')
  6. } %}
  7. {% if password|default(false) %}
  8.     {% set field_attrs = field_attrs|merge({'data-password-input': 'true'}) %}
  9. {% endif %}
  11. <label class="auth-field" for="{{ field.vars.id }}">
  12.     <span class="input-field input-field--compact{% if has_error %} input-field--error{% endif %}">
  13.         {% if icon is defined %}
  14.             {% set icon_id = icon == 'city' ? 'location-icon' : icon ~ '-icon' %}
  15.             <span class="input-field__icon" aria-hidden="true">
  16.                 <svg class="icon20"><use href="#{{ icon_id }}"></use></svg>
  17.             </span>
  18.         {% endif %}
  20.         {{ form_widget(field, {'attr': field_attrs}) }}
  22.         {% if password|default(false) %}
  23.             <button class="input-field__password-toggle" type="button" data-password-toggle aria-label="Показать пароль" aria-pressed="false">
  24.                 <svg class="icon20 input-field__password-icon input-field__password-icon--hidden" aria-hidden="true"><use href="#hide-icon"></use></svg>
  25.                 <svg class="icon20 input-field__password-icon input-field__password-icon--shown" aria-hidden="true"><use href="#show-icon"></use></svg>
  26.             </button>
  27.         {% elseif select|default(false) %}
  28.             <span class="input-field__icon" aria-hidden="true">
  29.                 <svg class="icon20"><use href="#chevron-1-icon"></use></svg>
  30.             </span>
  31.         {% endif %}
  32.     </span>
  34.     {% if has_error %}
  35.         <span class="form-error">{{ field.vars.errors|map(error => error.message)|join(' ') }}</span>
  36.     {% endif %}
  37. </label>