Display EPSS Score And Percentile In Vulnerability Page

Added the raw EPSS score and percentile numbers to the vulnerability details page, similar to the CVSS Exploit Score and other metrics Signed-off-by: Aravind Parappil <[email protected]>
DependencyTrack · Mar 26, 2024 · 13616ac · 13616ac
1 parent 3b9f27c
commit 13616ac
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 0 deletions.
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
@@ -153,6 +153,7 @@
     "exploit_predictions": "Exploit Predictions",
     "epss": "EPSS",
     "epss_percentile": "EPSS Percentile",
+    "epss_score": "EPSS Score",
     "cvss": "CVSS",
     "cvss_v2": "CVSSv2",
     "cvss_v3": "CVSSv3",

diff --git a/src/views/portfolio/vulnerabilities/Vulnerability.vue b/src/views/portfolio/vulnerabilities/Vulnerability.vue
@@ -137,6 +137,32 @@
                     v-bind:value="(cvssExploitScore / 10) * 100"
                   ></b-progress>
                 </b-col>
+                <b-col class="mb-sm-2 mb-0 d-sm-down-none">
+                  <div class="text-muted">
+                    {{ $t('message.epss_score') }}
+                  </div>
+                  <strong>{{ epssScore }}</strong>
+                  <b-progress
+                    height="{}"
+                    class="progress-xs mt-2"
+                    :precision="1"
+                    variant="severity-info"
+                    v-bind:value="epssScore * 100"
+                  ></b-progress>
+                </b-col>
+                <b-col class="mb-sm-2 mb-0 d-sm-down-none">
+                  <div class="text-muted">
+                    {{ $t('message.epss_percentile') }}
+                  </div>
+                  <strong>{{ epssPercentile }}</strong>
+                  <b-progress
+                    height="{}"
+                    class="progress-xs mt-2"
+                    :precision="1"
+                    variant="severity-info"
+                    v-bind:value="epssPercentile * 100"
+                  ></b-progress>
+                </b-col>
               </b-row>
             </div>
             <div v-if="owaspRRLikelihoodScore > 0" slot="footer">
@@ -303,6 +329,18 @@ export default {
         0,
       );
     },
+    epssScore() {
+      return common.valueWithDefault(
+        this.vulnerability.epssScore,
+        0,
+      );
+    },
+    epssPercentile() {
+      return common.valueWithDefault(
+        this.vulnerability.epssPercentile,
+        0,
+      );
+    },
     owaspRRLikelihoodScore() {
       return common.valueWithDefault(
         this.vulnerability.owaspRRLikelihoodScore,