add button to like and unlike posts

Author: shahriaarrr

config/blog/templates/blog/blog_post.html

@@ -18,4 +18,30 @@ <h1>{{ object.title }}</h1>
             </div>
         </div>
     </div>
+
+    <div class="row my-3">
+        <div class="col-md-6 col-12 mx-md-auto mx-3">
+            {% if object.likes.count == 1 %}
+                <p>{{ object.likes.count }} person liked</p>
+            {% else %}
+                <p>{{ object.likes.count }} people liked</p>
+            {% endif %}
+
+            {% if request.user.is_authenticated %}
+                {% if liked_by_user %}
+                    <form method="POST" action="{% url 'like_article' object.id %}">
+                        {% csrf_token %}
+                        <button class="btn btn-outline-primary">unlike this post</button>
+                    </form>
+                {% else %}
+                    <form method="POST" action="{% url 'like_article' object.id %}">
+                        {% csrf_token %}
+                        <button class="btn btn-outline-primary">like this post</button>
+                    </form>
+                {% endif %}
+            {% else %}
+                <button class="btn btn-outline-primary" disabled>do you want like this post? so login here</button>
+            {% endif %}
+        </div>
+    </div>
 {% endblock %}

config/blog/urls.py

@@ -6,4 +6,5 @@
     path('tinymce/', include('tinymce.urls')),
     path('about/', About.as_view(), name='about'),
     path('<int:pk>/', DetailArticleView.as_view(), name='detail_article'),
+    path('<int:pk>/like/', LikeArticle.as_view(), name='like_article'),
 ]

config/blog/views.py

@@ -1,4 +1,4 @@
-from django.shortcuts import render
+from django.shortcuts import render, redirect
 from django.views import View
 from django.views.generic import ListView, DetailView
 
@@ -15,6 +15,27 @@ class DetailArticleView(DetailView):
     model = Article
     template_name = 'blog/blog_post.html'
 
+    def get_context_data(self, *args, **kwargs):
+        context = super(DetailArticleView, self).get_context_data(*args, **kwargs)
+        context['liked_by_user'] = False
+        article = Article.objects.get(id=self.kwargs.get('pk'))
+        if article.likes.filter(pk=self.request.user.id).exists():
+            context['liked_by_user'] = True
+
+        return context
+
+class LikeArticle(View):
+    def post(self, request, pk):
+        article = Article.objects.get(id=pk)
+        if article.likes.filter(pk=self.request.user.id).exists():
+            article.likes.remove(request.user.id)
+        else:
+            article.likes.add(request.user.id)
+
+        article.save()
+        return redirect('detail_article', pk)
+
+
 
 class About(View):
     def get(self, request):