Add search for tags

src/argus/htmx/incident/filter.py

@@ -3,7 +3,7 @@
 from argus.filter import get_filter_backend
 from argus.incident.models import SourceSystem
 from argus.incident.constants import Level
-from argus.htmx.widgets import BadgeDropdownMultiSelect
+from argus.htmx.widgets import BadgeDropdownMultiSelect, SearchDropdownMultiSelect
 
 
 filter_backend = get_filter_backend()
@@ -27,11 +27,13 @@ class IncidentFilterForm(forms.Form):
         label="Sources",
     )
     tags = forms.CharField(
-        widget=forms.TextInput(
+        widget=SearchDropdownMultiSelect(
             attrs={
-                "placeholder": "enter tags...",
-                "class": "show-selected-box input input-accent input-bordered input-md border overflow-y-auto min-h-8 h-auto max-h-16 max-w-xs leading-tight",
-            }
+                "placeholder": "search tags...",
+            },
+            extra={
+                "hx_get": "htmx:search-tags",
+            },
         ),
         required=False,
         label="Tags",

src/argus/htmx/incident/urls.py

@@ -9,4 +9,5 @@
     path("<int:pk>/", views.incident_detail, name="incident-detail"),
     path("update/<str:action>/", views.incident_update, name="incident-update"),
     path("filter/", views.filter_form, name="incident-filter"),
+    path("search-tags", views.search_tags, name="search-tags"),
 ]

src/argus/htmx/incident/views.py

@@ -5,15 +5,15 @@
 
 from django import forms
 from django.contrib.auth import get_user_model
-from django.shortcuts import render, get_object_or_404
+from django.shortcuts import redirect, render, get_object_or_404
 
 from django.views.decorators.http import require_POST, require_GET
 from django.core.paginator import Paginator
 from django.http import HttpResponse, HttpResponseBadRequest
 from django_htmx.http import HttpResponseClientRefresh
 
 from argus.auth.utils import get_or_update_preference
-from argus.incident.models import Incident
+from argus.incident.models import Incident, Tag
 from argus.util.datetime_utils import make_aware
 
 from ..request import HtmxHttpRequest
@@ -97,6 +97,26 @@ def filter_form(request: HtmxHttpRequest):
     return render(request, "htmx/incident/_incident_filterbox.html", context=context)
 
 
+@require_GET
+def search_tags(request):
+    query = request.GET.get("search")
+
+    if not query:
+        tags = None
+    else:
+        if Tag.TAG_DELIMITER in query:
+            key, value = Tag.split(query)
+            tags = Tag.objects.filter(key=key, value__icontains=value)[:50]
+        else:
+            tags = Tag.objects.filter(key__icontains=query)[:50]
+
+    return render(
+        request,
+        "htmx/forms/search_results.html",
+        {"tags": tags},
+    )
+
+
 @require_GET
 def incident_list(request: HtmxHttpRequest) -> HttpResponse:
     columns = get_incident_table_columns()