active search from 3 january

pythonz/apps/templates/_base.html

@@ -71,9 +71,33 @@
 
                     <form class="form-inline" action="/search/" method="post" itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction">
                         {% csrf_token %}
-                        <div role="search" class="mr-2">
+                        <div id="search" role="search" class="mr-2">
                             <meta itemprop="target" content="{% site_url %}/search/?text={search_term}"/>
-                            <input class="form-control" autofocus type="search" aria-label="Search" name="text" placeholder="Поиск по справочнику" value="{{ search_term }}" required itemprop="query-input">
+                            <label for="tags">
+                                <input
+                                        id='tags'
+                                        class="form-control"
+                                        autofocus type="search"
+                                        aria-label="Search"
+                                        name="text"
+                                        placeholder="Поиск по справочнику"
+                                        value="{{ search_term }}"
+                                        required itemprop="query-input"
+                                        hx-post="search/"
+                                        hx-trigger="keyup changed delay:500ms"
+                                        hx-target="#active_search_results"
+                                        hx-indicator=".htmx-indicator">
+                            </label>
+                        </div>
+                        <div id="active_search_results" class="mr-2" style="position: absolute;
+                                                                            width: auto;
+                                                                            height: auto;
+                                                                            top: 40px;
+                                                                            z-index:999999;
+                                                                            background-color: whitesmoke;
+                                                                            display: block;
+                                                                            ">
+
                         </div>
                     </form>
 

pythonz/apps/templates/static/suggest_results.html

@@ -0,0 +1,5 @@
+{% for item in results %}
+    <div>
+        <a href="{{ item.get_absolute_url }}">{{ item.title }}</a>
+    </div>
+{% endfor %}

pythonz/apps/views/search.py

@@ -4,12 +4,28 @@
 from django.http import HttpResponse
 from django.shortcuts import redirect
 from django.shortcuts import render
+from siteajax.decorators import ajax_dispatch
+from siteajax.utils import AjaxResponse
 
 from ..generics.views import HttpRequest
 from ..models import Reference, ReferenceMissing, Category, Person, App
 from ..utils import message_warning, search_models
 
+def suggest(request):
+    search_term, results = search_models(
+        request.POST.get('text', ''), search_in=(
+            Category,
+            Person,
+            Reference,
+            App,
+        ))
+    if len(results) > 5:
+        results = results[:5]
+    return render(request, 'static/suggest_results.html', {'results': results})
 
+@ajax_dispatch({
+    'tags': suggest
+})
 def search(request: HttpRequest) -> HttpResponse:
     """Страница с результатами поиска по справочнику.
     Если найден один результат, перенаправляет на страницу результата.

pythonz/urls.py

@@ -14,6 +14,7 @@
 
 from .apps.realms import bootstrap_realms
 from .apps.views import page_not_found, permission_denied, server_error, index, search, login, telebot, user_settings
+from .apps.views.search import suggest
 
 urls_password_reset = [
     path('password_reset/', PasswordResetView.as_view(), name='password_reset'),