multiselect.html.twig in Multiselect 8
Same filename and directory in other branches
Default theme implementation for a multiselect element.
Available variables:
- attributes: HTML attributes for the select tag.
- options: The option element children.
See also
1 theme call to multiselect.html.twig
- Multiselect::getInfo in src/
Element/ Multiselect.php - Returns the element properties for this element.
File
templates/multiselect.html.twigView source
- {#
- /**
- * @file
- * Default theme implementation for a multiselect element.
- *
- * Available variables:
- * - attributes: HTML attributes for the select tag.
- * - options: The option element children.
- *
- * @see template_preprocess_multiselect()
- *
- * @ingroup themeable
- */
- #}
- <div class="multiselect-wrapper">
- <div class="multiselect-available">
- <label for="{{ multiselect.available.id }}">{{ multiselect.available.label }}</label>
- <select{{ multiselect.available.attributes }}>
- {% for option in multiselect.available.options %}
- {% if option.type == 'optgroup' %}
- <optgroup label="{{ option.label }}">
- {% for sub_option in option.options %}
- <option value="{{ sub_option.value }}"{{ sub_option.selected ? ' selected="selected"' }}>{{ sub_option.label }}</option>
- {% endfor %}
- </optgroup>
- {% elseif option.type == 'option' %}
- <option value="{{ option.value }}"{{ option.selected ? ' selected="selected"' }}>{{ option.label }}</option>
- {% endif %}
- {% endfor %}
- </select>
- </div>
- <div class="multiselect-btns">
- <ul>
- <li class="multiselect-add">{{ multiselect.labels.add }}</li>
- <li class="multiselect-remove">{{ multiselect.labels.remove }}</li>
- </ul>
- </div>
- <div class="multiselect-selected">
- <label for="{{ multiselect.selected.id }}">{{ multiselect.selected.label }}</label>
- <select{{ multiselect.selected.attributes }}>
- {% for option in multiselect.selected.options %}
- {% if option.type == 'optgroup' %}
- <optgroup label="{{ option.label }}">
- {% for sub_option in option.options %}
- <option value="{{ sub_option.value }}"{{ sub_option.selected ? ' selected="selected"' }}>{{ sub_option.label }}</option>
- {% endfor %}
- </optgroup>
- {% elseif option.type == 'option' %}
- <option value="{{ option.value }}"{{ option.selected ? ' selected="selected"' }}>{{ option.label }}</option>
- {% endif %}
- {% endfor %}
- </select>
- </div>
- </div>