feat: improve tooltip clarity for project vulnerabilities

Signed-off-by: Adam Setch <adam.setch@outlook.com>
DependencyTrack · Feb 21, 2024 · a18631c · a18631c
1 parent b8dc00d
commit a18631c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
@@ -859,6 +859,13 @@
     "cvss_severity": "CVSS Severity",
     "owasp_rr_severity": "OWASP Risk Rating Severity"
   },
+  "vulnerability": {
+    "critical": "Critical Severity Vulnerabilities",
+    "high": "High Severity Vulnerabilities",
+    "medium": "Medium Severity Vulnerabilities",
+    "low": "Low Severity Vulnerabilities",
+    "unassigned": "Unassigned Vulnerabilities"
+  },
   "validation": {
     "required": "{_field_} is required",
     "confirmed": "{_field_} doesn't match",

diff --git a/src/views/portfolio/projects/Project.vue b/src/views/portfolio/projects/Project.vue
@@ -46,7 +46,7 @@
                                   :percent="100"
                                   :size="50"
                                   :animate="true"
-                                  v-b-tooltip.hover :title="$t('severity.critical')"
+                                  v-b-tooltip.hover :title="$t('vulnerability.critical')"
               >{{ currentCritical }}</vue-easy-pie-chart>
               <vue-easy-pie-chart style="margin-right: 1rem"
                                   :bar-color="severityHigh"
@@ -58,7 +58,7 @@
                                   :percent="100"
                                   :size="50"
                                   :animate="true"
-                                  v-b-tooltip.hover :title="$t('severity.high')"
+                                  v-b-tooltip.hover :title="$t('vulnerability.high')"
               >{{ currentHigh }}</vue-easy-pie-chart>
               <vue-easy-pie-chart style="margin-right: 1rem"
                                   :bar-color="severityMedium"
@@ -70,7 +70,7 @@
                                   :percent="100"
                                   :size="50"
                                   :animate="true"
-                                  v-b-tooltip.hover :title="$t('severity.medium')"
+                                  v-b-tooltip.hover :title="$t('vulnerability.medium')"
               >{{ currentMedium }}</vue-easy-pie-chart>
               <vue-easy-pie-chart style="margin-right: 1rem"
                                   :bar-color="severityLow"
@@ -82,7 +82,7 @@
                                   :percent="100"
                                   :size="50"
                                   :animate="true"
-                                  v-b-tooltip.hover :title="$t('severity.low')"
+                                  v-b-tooltip.hover :title="$t('vulnerability.low')"
               >{{ currentLow }}</vue-easy-pie-chart>
               <vue-easy-pie-chart style="margin-right: 1rem"
                                   :bar-color="severityUnassigned"
@@ -94,7 +94,7 @@
                                   :percent="100"
                                   :size="50"
                                   :animate="true"
-                                  v-b-tooltip.hover :title="$t('severity.unassigned')"
+                                  v-b-tooltip.hover :title="$t('vulnerability.unassigned')"
               >{{ currentUnassigned }}</vue-easy-pie-chart>
             </b-row>
           </b-col>