mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-23 17:51:09 -05:00
2279e19cfd
- Add HTMX-powered filtering with instant updates - Add smooth transitions and loading states - Improve visual hierarchy and styling - Add review notes functionality - Add confirmation dialogs for actions - Make navigation sticky - Add hover effects and visual feedback - Improve dark mode support
28 lines
1.1 KiB
HTML
28 lines
1.1 KiB
HTML
<div class="absolute z-50 w-full mt-1 bg-white border border-gray-300 rounded-lg shadow-lg dark:bg-gray-700 dark:border-gray-600" style="max-height: 240px; overflow-y: auto;">
|
|
{% if designers %}
|
|
{% for designer in designers %}
|
|
<button type="button"
|
|
class="w-full px-4 py-2 text-left text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-600"
|
|
onclick="selectDesigner('{{ designer.id }}', '{{ designer.name|escapejs }}')">
|
|
{{ designer.name }}
|
|
</button>
|
|
{% endfor %}
|
|
{% else %}
|
|
<div class="px-4 py-2 text-gray-700 dark:text-gray-300">
|
|
{% if search_term %}
|
|
No matches found. You can still submit this name.
|
|
{% else %}
|
|
Start typing to search...
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<script>
|
|
function selectDesigner(id, name) {
|
|
document.getElementById('id_designer').value = id;
|
|
document.getElementById('id_designer_search').value = name;
|
|
document.getElementById('designer-search-results').innerHTML = '';
|
|
}
|
|
</script>
|