Optimize EPSS

Signed-off-by: Tushar Goel <tushar.goel.dav@gmail.com>

Author: TG1999

vulnerabilities/templates/vulnerability_details.html

@@ -503,60 +503,48 @@
             </div>
 
 
-            {% for severity in severities %}
-            {% if severity.scoring_system == 'epss' %}
-                <div class="tab-div content" data-content="epss">
-                <div class="has-text-weight-bold tab-nested-div ml-1 mb-1 mt-1">
-                    Exploit Prediction Scoring System
-                </div>
-                <table class="table vcio-table width-100-pct mt-2">
+            <div class="tab-div content" 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)
+                    </div>
+                    <table class="table vcio-table width-100-pct mt-2">
                         <tbody>
                             <tr>
                                 <td class="two-col-left">
                                     <span class="has-tooltip-multiline has-tooltip-black has-tooltip-arrow has-tooltip-text-left"
-                                            data-tooltip="the percentile of the current score, the proportion of all scored vulnerabilities with the same or a lower EPSS score">
-                                            Percentile
+                                          data-tooltip="The percentile of the current score, the proportion of all scored vulnerabilities with the same or a lower EPSS score">
+                                          Percentile
                                     </span>
                                 </td>
-                                <td class="two-col-right">{{ severity.scoring_elements }}</td>
+                                <td class="two-col-right">{{ epss_data.percentile }}</td>
                             </tr>
-
                             <tr>
                                 <td class="two-col-left">
                                     <span class="has-tooltip-multiline has-tooltip-black has-tooltip-arrow has-tooltip-text-left"
-                                            data-tooltip="the EPSS score representing the probability [0-1] of exploitation in the wild in the next 30 days (following score publication)">
-                                            EPSS score
+                                          data-tooltip="The EPSS score represents the probability [0-1] of exploitation in the wild in the next 30 days.">
+                                          EPSS Score
                                     </span>
                                 </td>
-                                <td class="two-col-right">{{ severity.value }}</td>
+                                <td class="two-col-right">{{ epss_data.score }}</td>
                             </tr>
-
-                        {% if  severity.published_at %}
+                            {% if epss_data.published_at %}
                             <tr>
                                 <td class="two-col-left">
-                                    <span
-                                    class="has-tooltip-multiline has-tooltip-black has-tooltip-arrow has-tooltip-text-left"
-                                    data-tooltip="When was the time we fetched epss">
-                                    Published at
+                                    <span class="has-tooltip-multiline has-tooltip-black has-tooltip-arrow has-tooltip-text-left"
+                                          data-tooltip="Date when the EPSS score was published.">
+                                          Published At
                                     </span>
                                 </td>
-                                <td class="two-col-right">{{ severity.published_at }}</td>
+                                <td class="two-col-right">{{ epss_data.published_at }}</td>
                             </tr>
-                        {% endif %}
-
+                            {% endif %}
                         </tbody>
-                </table>
+                    </table>
+                {% else %}
+                    <p>No EPSS data available for this vulnerability.</p>
+                {% endif %}
             </div>
-            {% endif %}
-        {% empty %}
-             <div class="tab-div content" data-content="epss">
-                  <tr>
-                        <td>
-                           There are no EPSS available.
-                        </td>
-                  </tr>
-             </div>
-        {% endfor %}
 
         <div class="tab-div content" data-content="history">
             <table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth">