Enable sorting project list by name and creation date aboutcode-org#413

[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]>
lf32 · Jun 15, 2022 · 042c70d · 042c70d
1 parent 777167e
commit 042c70d
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 4 deletions.
diff --git a/scanpipe/filters.py b/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

diff --git a/scanpipe/templates/scanpipe/includes/project_list_table.html b/scanpipe/templates/scanpipe/includes/project_list_table.html
@@ -15,6 +15,7 @@
     <tr>
       <th class="break-all">
         <a href="{{ project.get_absolute_url }}">{{ project }}</a>
+        <span class="has-text-grey is-size-7 is-block" title="{{ project.created_date|date:'N j, Y, P T' }}">Created {{ project.created_date|naturaltime }}</span>
       </th>
       <td>
         {% if project.package_count %}
@@ -65,4 +66,4 @@
     </tr>
   {% endfor %}
   </tbody>
-</table>
+</table>
diff --git a/scanpipe/templates/scanpipe/project_list.html b/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 %}
diff --git a/scanpipe/views.py b/scanpipe/views.py
@@ -102,7 +102,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)