Merge pull request #105 from Karmalakas/patch-1

Add item at the top if top button is clicked in list field
trilbymedia · Feb 7, 2021 · f4b9b7b · f4b9b7b
2 parents a6c6a77 + a703668
commit f4b9b7b
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/templates/forms/fields/list/list.html.twig b/templates/forms/fields/list/list.html.twig
@@ -56,8 +56,10 @@
                         <button class="button{{ not value|length ? ' hidden' : '' }}" type="button" data-action="sort" data-action-sort="{{ field.sortby }}" data-action-sort-dir="{{ field.sortby_dir|default('asc') }}"
                                 {% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}><i class="fa fa-sort-amount-{{ field.sortby_dir|default('asc') }}"></i> {{ btnSortLabel|e|tu }} '{{ field.sortby }}'</button>
                     {% endif %}
-                    <button class="button" type="button" data-action="add" data-action-add="bottom"
-                            {% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}><i class="fa fa-plus"></i> {{ btnLabel|e|tu }}</button>
+                    <button class="button" type="button" data-action="add"
+                            data-action-add="{{ field.placement is same as('position') ? 'top' : field.placement|default('bottom') }}"
+                            {% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
+                    ><i class="fa fa-plus"></i> {{ btnLabel|e|tu }}</button>
                 </div>
             {% endif %}
             <ul  {% if field.classes is defined %}class="{{ field.classes }}"{% endif %} data-collection-holder="{{ name }}"
@@ -130,8 +132,10 @@
                     <button class="button{{ not value|length ? ' hidden' : '' }}" type="button" data-action="sort" data-action-sort="{{ field.sortby }}" data-action-sort-dir="{{ field.sortby_dir|default('asc') }}"
                             {% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}><i class="fa fa-sort-amount-{{ field.sortby_dir|default('asc') }}"></i> {{ btnSortLabel|e|tu }} '{{ field.sortby }}'</button>
                 {% endif %}
-                <button class="button" type="button" data-action="add" data-action-add="bottom"
-                        {% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}><i class="fa fa-plus"></i> {{ btnLabel|e|tu }}</button>
+                <button class="button" type="button" data-action="add"
+                        data-action-add="{{ field.placement is same as('position') ? 'bottom' : field.placement|default('bottom') }}"
+                        {% if field.disabled or isDisabledToggleable %}disabled="disabled"{% endif %}
+                ><i class="fa fa-plus"></i> {{ btnLabel|e|tu }}</button>
             </div>
             {% endif %}