Grav-Admin-Plugin/themes/grav/templates/forms/fields/array/array.html.twig

{% extends "forms/field.html.twig" %}

{% block global_attributes %}
    data-grav-array-name="{{ field.name|fieldName }}"
    data-grav-array-keyname="{{ field.placeholder_key|e|tu }}"
    data-grav-array-valuename="{{ field.placeholder_value|e|tu }}"
    {{ parent() }}
{% endblock %}

{% block input %}
    <div data-grav-array-type="container"{% if field.value_only %} data-grav-array-mode="value_only"{% endif %}>
        {% if value|length %}
            {% for key, text in value -%}
            <div class="form-row{% if field.value_only %} array-field-value_only{% endif %}" data-grav-array-type="row">

                {% if text is iterable %}
                    <label>{{ key }}:</label>

                    {% for subkey, subtext in text -%}
                        {% if field.value_only != true %}
                        <input data-grav-array-type="key" type="text" value="{{ subkey }}" />
                        {% endif %}

                        <input data-grav-array-type="value" type="text" name="{{ (field.name|fieldName) ~ '[' ~ key ~ '][' ~ subkey ~ ']'  }}" value="{{ subtext|join(', ') }}" />
                    {% endfor %}

                {% else %}
                    {% if field.value_only != true %}
                    <input data-grav-array-type="key" type="text" value="{{ key }}" placeholder="{{ field.placeholder_key|e|tu }}" />
                    {% endif %}

                    <input data-grav-array-type="value" type="text" name="{{ (field.name|fieldName) ~ '[' ~ key ~ ']'  }}" value="{{ text|join(', ') }}" placeholder="{{ field.placeholder_value|e|tu }}" />
                {% endif %}

                <span data-grav-array-action="rem" class="fa fa-minus"></span>
                <span data-grav-array-action="add" class="fa fa-plus"></span>
            </div>
            {% endfor %}
        {%- else -%}
            <div class="form-row" data-grav-array-type="row">
                <input data-grav-array-type="key" type="text" placeholder="{{ field.placeholder_key|e|tu }}" />
                <input data-grav-array-type="value" type="text" placeholder="{{ field.placeholder_value|e|tu }}" />
                <span data-grav-array-action="rem" class="fa fa-minus"></span>
                <span data-grav-array-action="add" class="fa fa-plus"></span>
            </div>
        {%- endif %}
    </div>
{% endblock %}