fix(ui): add cancel button to search field

Signed-off-by: Keshav Priyadarshi <git@keshav.space>

Author: keshav-space

vulnerabilities/templates/pipeline_dashboard.html

@@ -52,8 +52,16 @@ <h1>Pipeline Dashboard</h1>
         </div>
         <form method="get" class="box px-6 mx-0" action="">
             <div class="field has-addons">
-                <div class="control is-expanded">
+                <div class="control is-expanded has-icons-right">
                     {{ form.search }}
+
+                    {% if form.search.value %}
+                        <a href="{{ request.path }}"
+                        class="icon is-right"
+                        style="pointer-events: auto; cursor: pointer;">
+                            <i class="fa fa-close" style="color:gray"></i>
+                        </a>
+                    {% endif %}
                 </div>
                 <div class="control">
                     <button type="submit" class="button is-info"><i class="fa fa-search mx-1"></i></button>

vulnerabilities/views.py

@@ -1002,6 +1002,11 @@ class PipelineScheduleListView(VulnerableCodeListView, FormMixin):
     paginate_by = 20
     form_class = PipelineSchedulePackageForm
 
+    def get_form_kwargs(self):
+        kwargs = super().get_form_kwargs()
+        kwargs["data"] = self.request.GET
+        return kwargs
+
     def get_queryset(self):
         form = self.form_class(self.request.GET)
         if form.is_valid():