Features: 1) Add custom stylesheet and JavaScript for autocomplete functionality in admin filter template;

Fixes: None;

Extra: 1) Improve HTML indentation for better readability;
This commit is contained in:
Egor Pavlovich Gorbunov 2025-07-01 18:51:44 +03:00
parent 9927fe510b
commit 65beeb2a26

View file

@ -1,17 +1,22 @@
{% load i18n %}
<div class="filter-autocomplete">
<select name="{{ spec.lookup_kwarg }}"
id="id_{{ spec.lookup_kwarg }}"
class="admin-autocomplete"
style="width:90%;"
data-ajax--url="{{ spec.autocomplete_url }}"
data-app-label="{{ spec.app_label }}"
data-model-name="{{ spec.model_name }}"
data-field-name="{{ spec.field_name }}"
data-allow-clear="true"
data-placeholder="{% blocktrans with label=spec.field_label %}Search by {{ label }}…{% endblocktrans %}">
{% if spec.lookup_val %}
<option value="{{ spec.lookup_val }}" selected>{{ spec.initial_text }}</option>
{% endif %}
</select>
<select name="{{ spec.lookup_kwarg }}"
id="id_{{ spec.lookup_kwarg }}"
class="admin-autocomplete"
style="width:90%;"
data-ajax--url="{{ spec.autocomplete_url }}"
data-app-label="{{ spec.app_label }}"
data-model-name="{{ spec.model_name }}"
data-field-name="{{ spec.field_name }}"
data-allow-clear="true"
data-placeholder="{% blocktrans with label=spec.field_label %}Search by {{ label }}…{% endblocktrans %}">
{% if spec.lookup_val %}
<option value="{{ spec.lookup_val }}" selected>{{ spec.initial_text }}</option>
{% endif %}
</select>
</div>
<link rel="stylesheet"
href="{% static 'admin/css/autocomplete.css' %}"/>
<script src="{% static 'admin/js/autocomplete.js' %}"></script>