Add a search form

    It can filter articles depending on their titles

apps/rp/templates/rp/article_list_public.html

@@ -65,10 +65,12 @@
       {% endif %}
 
       <li class="nav-item ml-auto">
-        <a class="nav-link disabled" href="#">
-          <i class="fa fa-search"></i>
-          Rechercher
-        </a>
+	<form method="get" action="{% url 'rp:public-article-list' %}">
+	  <div class="input-group">
+	    <input type="search" placeholder="Rechercher" name="q" class="fa fa-search" />
+	     <button type="submit" class="btn btn-default input-group-addon"><i class="fa fa-search"></i></button>
+	  </div>
+	</form>
       </li>
 
       <li class="nav-item">

apps/rp/views/articles.py

@@ -34,6 +34,9 @@ class ArticleList(ListView):
         else:
             qs = Article.objects.filter()
 
+        if self.request.GET.get('q', '') != '':
+            qs = qs.filter(title__contains=self.request.GET.get('q', ''))
+
         filter_tag = self.kwargs.get("filter_tag", self.filter_tag)
         if filter_tag is not None:
             qs = qs.filter(tags__name__in=[filter_tag])
@@ -46,6 +49,7 @@ class ArticleList(ListView):
         qs = Tag.objects.annotate(num_times=Count('taggit_taggeditem_items')).all()
         qs = qs.order_by('-num_times')
         context["tags"] = qs
+        context["search"] = self.request.GET.get("q", '')
 
         return context