Add a "Clear search and filters" link when filters are active #413

Signed-off-by: Thomas Druez <[email protected]>

Author: tdruez

CHANGELOG.rst

@@ -53,6 +53,7 @@ v31.0.0 (next)
   - Creation date displayed under the project name
   - Add ability to sort by date and name
   - Add ability to filter by pipeline type
+  - Add ability to filter by run status
 
   https://github.com/nexB/scancode.io/issues/413
 

scanpipe/templates/scanpipe/project_list.html

@@ -21,6 +21,11 @@
         <div>
           {% include 'scanpipe/includes/breadcrumb.html' %}
           {{ filter.form.is_archived }}
+          {% if filter.is_active %}
+            <a class="is-grey-link" href="{% url 'project_list' %}">
+              <i class="fas fa-times"></i> Clear search and filters
+            </a>
+          {% endif %}
         </div>
         <a href="{% url 'project_add' %}" class="button is-link">New Project</a>
       </div>
@@ -42,8 +47,8 @@
         <div class="tile is-ancestor">
           <div class="tile is-parent">
             <article class="tile is-child box has-text-centered border-dashed">
-              {% if filter.form.search.value %}
-                No Projects found. <a href="{% url 'project_list' %}">Clear the search</a>
+              {% if filter.is_active %}
+                No Projects found. <a href="{% url 'project_list' %}">Clear search and filters</a>
               {% else %}
                 <a href="{% url 'project_add' %}">New Project</a>
               {% endif %}