Fix member select dropdown; fixes #1754

galette · Dec 7, 2023 · 9cac8d8 · 9cac8d8
1 parent 4652321
commit 9cac8d8
Showing 1 changed file with 16 additions and 5 deletions.
diff --git a/templates/default/objects_edit.html.twig b/templates/default/objects_edit.html.twig
@@ -195,13 +195,18 @@
                         } %}
 
                         <div class="inline field">
-                            <label for="new_adh">{{ _T("Member:", "objectslend") }}</label>
-                            <select name="new_adh" id="id_adh" class="nochosen">
-                                <option value="">{{ _T("Search for name or ID and pick member") }}</option>
+                            <div id="id_adh" class="jsonly search-dropdown ui input nochosen paginated">
+                                <input id="id_adh_input" type="text" name="new_adh" value="" placeholder="{{ _T("Member ID") }}">
+                                <i class="jsonly displaynone dropdown icon" aria-hidden="true"></i>
+                                <span class="ui mini compact icon disabled button prev-results"><i class="jsonly displaynone chevron circle left icon disabled button tooltip" title="{{ _T("Load previous members...") }}" aria-hidden="true"></i></span>
+                                <span class="ui mini compact icon disabled button next-results"><i class="jsonly displaynone chevron circle right icon disabled button tooltip" title="{{ _T("Load following members...") }}" aria-hidden="true"></i></span>
+                                <div class="jsonly displaynone default text">{{ _T("Search for name or ID and pick member") }}</div>
+                                <div class="jsonly displaynone menu">
                                 {% for k, v in members.list %}
-                                    <option value="{{ k }}"{% if login.id == k %} selected="selected"{% endif %}>{{ v }}</option>
+                                    <div class="item" data-value="{{ k }}">{{ v }}</div>
                                 {% endfor %}
-                            </select>
+                                </div>
+                            </div>
                         </div>
 
                     </div>
@@ -218,3 +223,9 @@
         </div>
     {% endif %}
 {% endblock %}
+
+{% block javascripts %}
+        <script type="text/javascript">
+            {% include "elements/js/choose_adh.js.twig" %}
+        </script>
+{% endblock %}