Filter incident by tags using simple input field

changelog.d/1044.added.md

@@ -0,0 +1 @@
+Add text field to filter incident list by tags

src/argus/htmx/incident/filter.py

@@ -47,6 +47,16 @@ class IncidentFilterForm(forms.Form):
         required=False,
         label="Sources",
     )
+    tags = forms.CharField(
+        widget=forms.TextInput(
+            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",
+            }
+        ),
+        required=False,
+        label="Tags",
+    )
     maxlevel = forms.IntegerField(
         widget=forms.NumberInput(
             attrs={"type": "range", "step": "1", "min": min(Level).value, "max": max(Level).value}
@@ -89,6 +99,10 @@ def to_filterblob(self):
         if sourceSystemIds:
             filterblob["sourceSystemIds"] = sourceSystemIds
 
+        tags = self.cleaned_data.get("tags", [])
+        if tags:
+            filterblob["tags"] = tags.split(", ")
+
         maxlevel = self.cleaned_data.get("maxlevel", 0)
         if maxlevel:
             filterblob["maxlevel"] = maxlevel

src/argus/htmx/templates/htmx/incident/_incident_filterbox.html

@@ -14,7 +14,7 @@
       {% for field in filter_form %}
         {% if not field.field.in_header %}
           <li class="form-control">
-            {% if field.name == "sourceSystemIds" %}
+            {% if field.name == "sourceSystemIds" or field.name == "tags" %}
               <div class="flex flex-nowrap">
                 <label class="label">
                   <span class="label-text">{{ field.label }}</span>