Add filter to programs data

course/filters.py

@@ -0,0 +1,18 @@
+import django_filters
+from .models import Program
+
+
+class ProgramFilter(django_filters.FilterSet):
+    title = django_filters.CharFilter(lookup_expr="icontains", label="")
+
+    class Meta:
+        model = Program
+        fields = ["title"]
+
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+
+        # Change html classes and placeholders
+        self.filters["title"].field.widget.attrs.update(
+            {"class": "au-input", "placeholder": "Program name"}
+        )

course/urls.py

@@ -4,7 +4,7 @@ from .views import *
 
 urlpatterns = [
     # Program urls
-    path("", program_view, name="programs"),
+    path("", ProgramFilterView.as_view(), name="programs"),
     path("<int:pk>/detail/", program_detail, name="program_detail"),
     path("add/", program_add, name="add_program"),
     path("<int:pk>/edit/", program_edit, name="edit_program"),

course/views.py

@@ -7,6 +7,7 @@ from django.core.paginator import Paginator
 from django.conf import settings
 from django.utils.decorators import method_decorator
 from django.views.generic import ListView
+from django_filters.views import FilterView
 
 from accounts.models import User, Student
 from core.models import Session, Semester
@@ -20,28 +21,19 @@ from .forms import (
     UploadFormFile,
     UploadFormVideo,
 )
+from .filters import ProgramFilter
 from .models import Program, Course, CourseAllocation, Upload, UploadVideo
 
 
-# ########################################################
+@method_decorator([login_required], name="dispatch")
-# Program views
+class ProgramFilterView(FilterView):
-# ########################################################
+    filterset_class = ProgramFilter
-@login_required
+    template_name = "course/program_list.html"
-def program_view(request):
-    programs = Program.objects.all()
 
-    program_filter = request.GET.get("program_filter")
+    def get_context_data(self, **kwargs):
-    if program_filter:
+        context = super().get_context_data(**kwargs)
-        programs = Program.objects.filter(title__icontains=program_filter)
+        context["title"] = "Programs"
-
+        return context
-    return render(
-        request,
-        "course/program_list.html",
-        {
-            "title": "Programs",
-            "programs": programs,
-        },
-    )
 
 
 @login_required

templates/course/program_list.html

@@ -27,9 +27,8 @@
 {% endif %}
 
 <div class="content-center">
-    <form class="search-form mx-auto" action="" method="GET">{% csrf_token %}
+    <form class="search-form mx-auto" action="" method="GET">
-        <input class="au-input" type="text" name="program_filter" placeholder="Program name"
+        {{ filter.form }}
-            value="{{ request.GET.program_filter }}" />
         <button class="btn btn-light" type="submit">
             <i class="fas fa-search"></i> Filter
         </button>
@@ -72,7 +71,7 @@
                 </tr>
             </thead>
             <tbody>
-                {% for program in programs %}
+                {% for program in filter.qs %}
                 <tr>
                     <td>{{ forloop.counter }}.</td>
                     <td><a class="a-list" href="{{ program.get_absolute_url }}">