Add search for tags

src/argus/htmx/incident/filter.py

@@ -5,8 +5,9 @@
 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.notificationprofile.models import Filter
+from argus.htmx.widgets import BadgeDropdownMultiSelect, SearchDropdownMultiSelect
+
 
 filter_backend = get_filter_backend()
 QuerySetFilter = filter_backend.QuerySetFilter
@@ -48,11 +49,11 @@ 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...",
+            },
+            partial_get=None,
         ),
         required=False,
         label="Tags",
@@ -70,6 +71,7 @@ def __init__(self, *args, **kwargs):
         super().__init__(*args, **kwargs)
         # mollify tests
         self.fields["sourceSystemIds"].widget.partial_get = reverse("htmx:incident-filter")
+        self.fields["tags"].widget.partial_get = reverse("htmx:search-tags")
 
     def _tristate(self, onkey, offkey):
         on = self.cleaned_data.get(onkey, None)

src/argus/htmx/incident/urls.py

@@ -12,4 +12,5 @@
     path("filter-list/", filter.FilterListView.as_view(), name="filter-list"),
     path("select-filter/", views.filter_select, name="select-filter"),
     path("filter-create/", views.create_filter, name="filter-create"),
+    path("search-tags/", views.search_tags, name="search-tags"),
 ]

src/argus/htmx/incident/views.py

@@ -14,7 +14,7 @@
 from django_htmx.http import HttpResponseClientRefresh, reswap, retarget
 
 from argus.auth.utils import get_or_update_preference
-from argus.incident.models import Incident
+from argus.incident.models import Incident, Tag
 from argus.notificationprofile.models import Filter
 from argus.util.datetime_utils import make_aware
 
@@ -134,6 +134,26 @@ def filter_select(request: HtmxHttpRequest):
             return retarget(HttpResponse(), "#incident-filter-select")
 
 
+@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()