Enable sorting project list by name and creation date #413 (#446)

[x] Increase table rows to 20
[x] Added created date column in project table
[x] Support sorting by name and creation date of the project

Signed-off-by: Akhil Raj <[email protected]>

Author: lf32

scanpipe/filters.py

@@ -88,6 +88,9 @@ def verbose_name_plural(cls):
 
 class ProjectFilterSet(FilterSetUtilsMixin, django_filters.FilterSet):
     search = django_filters.CharFilter(field_name="name", lookup_expr="icontains")
+    sort = django_filters.OrderingFilter(
+        fields=(("name", "name"), ("created_date", "created_date")),
+    )
 
     class Meta:
         model = Project

scanpipe/templates/scanpipe/includes/project_list_table.html

@@ -66,4 +66,4 @@
     </tr>
   {% endfor %}
   </tbody>
-</table>
+</table>

scanpipe/templates/scanpipe/project_list.html

@@ -21,7 +21,27 @@
             </a>
           {% endif %}
         </div>
-        <a href="{% url 'project_add' %}" class="button is-link">New Project</a>
+        <div>
+          <div class="dropdown is-right is-hoverable">
+            <div class="dropdown-trigger">
+              <button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
+                <span>Sort</span>
+                <span class="icon is-small">
+                  <i class="fas fa-angle-down" aria-hidden="true"></i>
+                </span>
+              </button>
+            </div>
+            <div class="dropdown-menu" id="dropdown-sort-filters" role="menu">
+              <div class="dropdown-content">
+                <a href="?sort=name" class="dropdown-item">Name (A-Z)</a>
+                <a href="?sort=-name" class="dropdown-item">Name (Z-A)</a>
+                <a href="?sort=created_date" class="dropdown-item">Oldest</a>
+                <a href="?sort=-created_date" class="dropdown-item">Newest</a>
+              </div>
+            </div>
+          </div>
+          <a href="{% url 'project_add' %}" class="button is-link">New Project</a>
+        </div>
       </div>
 
       {% include 'scanpipe/includes/search_field.html' %}
@@ -49,4 +69,4 @@
   </div>
 
   {% include 'scanpipe/includes/run_modal.html' %}
-{% endblock %}
+{% endblock %}

scanpipe/views.py

@@ -185,7 +185,7 @@ class ProjectListView(
     filterset_class = ProjectFilterSet
     template_name = "scanpipe/project_list.html"
     prefetch_related = ["runs"]
-    paginate_by = 10
+    paginate_by = 20
 
     def get_context_data(self, **kwargs):
         context = super().get_context_data(**kwargs)