add featured page

Author: shahriaarrr

config/blog/templates/blog/featured.html

@@ -0,0 +1,58 @@
+{% extends 'blog/base.html' %}
+
+{% block content %}
+    <div class="row">
+        <div class="col-md-6 col-12 mx-md-auto mx-3 mt-5 md-5">
+            <h1 class="fw-bolder">Featured post</h1>
+            <h5 class="text-muted">review featured posts</h5>
+        </div>
+    </div>
+
+    {% for object in object_list %}
+    <div class="row">
+        <div class="col-md-6 col-12 mx-md-auto mx-3 mt-5 md-5">
+            <h3 class="fw-bold">{{ object.title }}</h3>
+            <p class="text-muted">{{ object.date }}</p>
+            <p class="text-muted">By {{ object.author.username }}</p>
+            {% if object.likes.count == 1 %}
+                <p class="text-muted">{{ object.likes.count }} person liked</p>
+            {% else %}
+                <p class="text-muted">{{ object.likes.count }} people liked</p>
+            {% endif %}
+            <div class="my-3">
+                {{ object.content | truncatewords_html:50 | safe }}
+            </div>
+            <a href="{% url 'detail_article' object.id %}">Read more</a>
+        </div>
+    </div>
+    {% endfor %}
+
+    <nav>
+        <ul class="pagination">
+            <div class="mx-auto d-flex flex-row mt-5">
+                {% if page_obj.has_previous %}
+                    <li class="page-item">
+                        <a class="page-link" href="?page=1">&laquo; First
+                        </a>
+                    </li>
+
+                    <li class="page-item">
+                        <a class="page-link" href="?page={{ page_obj.previous_page_number }}">Previous</a>
+                    </li>
+                {% endif %}
+
+                <li class="page-item">
+                    <a class="page-link" href="#">Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.</a>
+                </li>
+                {% if page_obj.has_next %}
+                    <li class="page-item">
+                        <a class="page-link" href="?page={{ page_obj.next_page_number }}">Next</a>
+                    </li>
+                    <li class="page-item">
+                        <a class="page-link" href="?page={{ page_obj.paginator.num_pages }}">Last &raquo;</a>
+                    </li>
+                {% endif %}
+            </div>
+        </ul>
+    </nav>
+{% endblock %}

config/blog/templates/blog/nav.html

@@ -7,7 +7,7 @@
     <div class="collapse navbar-collapse" id="navbarText">
       <ul class="navbar-nav me-auto mb-2 mb-lg-0">
         <li class="nav-item">
-          <a class="nav-link" aria-current="page" href="#">Features</a>
+          <a class="nav-link" aria-current="page" href="{% url 'ّfeatured' %}">Features</a>
         </li>
       </ul>
       <ul class="navbar-nav">

config/blog/urls.py

@@ -7,4 +7,5 @@
     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'),
+    path('featured/', Featured.as_view(), name='ّfeatured'),
 ]

config/blog/views.py

@@ -3,6 +3,8 @@
 from django.views.generic import ListView, DetailView
 
 from .models import Article
+
+
 # Create your views here.
 
 class Index(ListView):
@@ -11,6 +13,14 @@ class Index(ListView):
     template_name = 'blog/home.html'
     paginate_by = 1
 
+
+class Featured(ListView):
+    model = Article
+    queryset = Article.objects.filter(featured=True).order_by("-date")
+    template_name = 'blog/featured.html'
+    paginate_by = 1
+
+
 class DetailArticleView(DetailView):
     model = Article
     template_name = 'blog/blog_post.html'
@@ -24,6 +34,7 @@ def get_context_data(self, *args, **kwargs):
 
         return context
 
+
 class LikeArticle(View):
     def post(self, request, pk):
         article = Article.objects.get(id=pk)
@@ -36,7 +47,6 @@ def post(self, request, pk):
         return redirect('detail_article', pk)
 
 
-
 class About(View):
     def get(self, request):
         return render(request, 'blog/about.html')