selectunique.html.twig 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. {% extends "forms/field.html.twig" %}
  2. {% block global_attributes %}
  3. data-grav-selectize="{{ (field.selectize is defined ? field.selectize : {})|json_encode()|e('html_attr') }}"
  4. data-grav-field="select"
  5. {{ parent() }}
  6. {% endblock %}
  7. {% block input %}
  8. <div class="form-input-wrapper {{ field.size }}">
  9. <select
  10. value="{{ value|raw|join(', ') }}"
  11. name="{{ (scope ~ field.name)|fieldName }}"
  12. data-select-observe
  13. {% block input_attributes %}
  14. {% if field.classes is defined %}class="{{ field.classes }}" {% endif %}
  15. {% if field.id is defined %}id="{{ field.id|e }}" {% endif %}
  16. {% if field.style is defined %}style="{{ field.style|e }}" {% endif %}
  17. {% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
  18. {% if field.placeholder %}placeholder="{{ field.placeholder }}"{% endif %}
  19. {% if field.autofocus in ['on', 'true', 1] %}autofocus="autofocus"{% endif %}
  20. {% if field.novalidate in ['on', 'true', 1] %}novalidate="novalidate"{% endif %}
  21. {% if field.readonly in ['on', 'true', 1] %}readonly="readonly"{% endif %}
  22. {% if field.autocomplete in ['on', 'off'] %}autocomplete="{{ field.autocomplete }}"{% endif %}
  23. {% if field.validate.required in ['on', 'true', 1] %}required="required"{% endif %}
  24. {% if field.validate.pattern %}pattern="{{ field.validate.pattern }}"{% endif %}
  25. {% if field.validate.message %}title="{{ field.validate.message|e|t }}"
  26. {% elseif field.title is defined %}title="{{ field.title|e|t }}" {% endif %}
  27. {% endblock %}
  28. >
  29. {% if field.placeholder %}<option value="" disabled selected>{% if grav.twig.twig.filters['tu'] is defined %}{{ field.placeholder|tu|raw }}{% else %}{{ field.placeholder|t|raw }}{% endif %}</option>{% endif %}
  30. {% if value is defined %}
  31. <option selected="selected" value="{{ value }}">{{ value }}</option>
  32. {% endif %}
  33. </select>
  34. {% if field.default %}
  35. <div><p class="notice warning">It is advised not to use a <strong>default</strong> option with the selectunique field. Currently default value set to `{{ field.default }}`</p></div>
  36. {% endif %}
  37. </div>
  38. {% endblock %}