Add pagination to epss history

Signed-off-by: Sampurna Pyne <sampurnapyne1710@gmail.com>

Author: Samk1710

vulnerabilities/templates/advisory_detail.html

@@ -25,7 +25,7 @@
 
         <div class="tabs is-boxed" id="tabs">
             <ul>
-                <li class="is-active" data-tab="essentials">
+                <li class="{% if not is_epss_tab_active %}is-active{% endif %}" data-tab="essentials">
                     <a>
                         <span>Essentials</span>
                     </a>
@@ -55,7 +55,7 @@
                     </li>
                 {% endif %}
 
-                <li data-tab="epss">
+                <li class="{% if is_epss_tab_active %}is-active{% endif %}" data-tab="epss">
                     <a>
                         <span>
                             EPSS
@@ -100,7 +100,7 @@
             </ul>
         </div>
         <div id="tab-content">
-            <div class="tab-div is-active" data-content="essentials">
+            <div class="tab-div {% if not is_epss_tab_active %}is-active{% endif %}" data-content="essentials">
                 <div class="tab-nested-div">
                     <table class="table vcio-table width-100-pct mt-2">
                         <tbody>
@@ -458,7 +458,7 @@
                 {% endfor %}
             </div>
 
-            <div class="tab-div content" data-content="epss">
+            <div class="tab-div content {% if is_epss_tab_active %}is-active{% endif %}" data-content="epss">
                 {% if epss_data %}
                     <div class="has-text-weight-bold tab-nested-div ml-1 mb-1 mt-1">
                         Exploit Prediction Scoring System (EPSS)
@@ -549,7 +549,7 @@
                         <div id="epss-chart" style="width:100%; height:260px;"></div>
                     </div>
 
-                    <div id="epss-history-table-wrap" style="display:none; margin-top:2rem;">
+                    <div id="epss-history-table-wrap" {% if not is_epss_tab_active %}style="display:none; margin-top:2rem;"{% else %}style="margin-top:2rem;"{% endif %}>
                         <div class="has-text-weight-bold tab-nested-div ml-1 mb-3">
                             EPSS History Table
                         </div>
@@ -571,6 +571,22 @@
                                 {% endfor %}
                             </tbody>
                         </table>
+                        
+                        {% if epss_page_obj and epss_page_obj.has_other_pages %}
+                        <nav class="pagination is-small is-centered mt-4" role="navigation" aria-label="pagination">
+                            {% if epss_page_obj.has_previous %}
+                                <a class="pagination-previous" href="?epss_page={{ epss_page_obj.previous_page_number }}">Newer</a>
+                            {% else %}
+                                <a class="pagination-previous" disabled>Newer</a>
+                            {% endif %}
+                            
+                            {% if epss_page_obj.has_next %}
+                                <a class="pagination-next" href="?epss_page={{ epss_page_obj.next_page_number }}">Older</a>
+                            {% else %}
+                                <a class="pagination-next" disabled>Older</a>
+                            {% endif %}
+                        </nav>
+                        {% endif %}
                     </div>
                     {% endif %}
                 {% else %}

vulnerabilities/views.py

@@ -26,6 +26,7 @@
 from django.db.models import Max
 from django.db.models import OuterRef
 from django.db.models import Prefetch
+from django.core.paginator import Paginator
 from django.db.models import Q
 from django.db.models.functions import Cast
 from django.db.models.functions import TruncDate
@@ -769,20 +770,25 @@ def add_ssvc(ssvc):
                     max_score=Max(Cast("value", FloatField())),
                     max_percentile=Max(Cast("scoring_elements", FloatField())),
                 )
-                .order_by("-pub_date")[:30]
+                .order_by("-pub_date")
             )
+            
+            paginator = Paginator(epss_scores_queryset, 30)
+            epss_page = self.request.GET.get("epss_page", 1)
+            epss_page_obj = paginator.get_page(epss_page)
 
             epss_history_data = [
                 {
                     "score": record["max_score"],
                     "percentile": record["max_percentile"],
                     "published_at": record["pub_date"],
                 }
-                for record in epss_scores_queryset
+                for record in epss_page_obj.object_list
             ]
             epss_history_data.reverse()
         else:
             epss_history_data = []
+            epss_page_obj = None
 
         context.update(
             {
@@ -796,6 +802,8 @@ def add_ssvc(ssvc):
                 "status": advisory.get_status_label,
                 "epss_data": epss_data,
                 "epss_history_data": epss_history_data,
+                "epss_page_obj": epss_page_obj,
+                "is_epss_tab_active": "epss_page" in self.request.GET,
             }
         )
         return context