Updated to use translation strings

Signed-off-by: Sekwah <[email protected]>

Author: sekwah41

src/views/components/PolicyViolationProgressBar.vue

@@ -13,10 +13,12 @@
       </b-progress>
     </span>
   <b-tooltip :target="'progressbar' + hoverId" placement="left" noninteractive>
-    Info: {{ info }}<br>
-    Warn: {{ warn }}<br>
-    Fail: {{ fail }}<br>
-    Total: {{ total }}<br>
+    <div style="text-align: left;">
+    {{$t('policy_violation.infos')}}: {{ info }}<br>
+    {{$t('policy_violation.warns')}}: {{ warn }}<br>
+    {{$t('policy_violation.fails')}}: {{ fail }}<br>
+    {{$t('message.total')}}: {{ total }}<br>
+    </div>
   </b-tooltip>
   </span>
 </template>
@@ -28,6 +30,7 @@ export default {
     info: Number,
     warn: Number,
     fail: Number,
+    $t: Function,
   },
   data() {
     return {

src/views/portfolio/projects/ProjectList.vue

@@ -121,23 +121,23 @@
           {
             title: this.$t('message.policy_violations'),
             field: "metrics",
-            formatter(metrics, row, index) {
+            formatter: function (metrics) {
               if (typeof metrics === "undefined") {
                 return "-"; // No vulnerability info available
               }
-
               let ComponentClass = Vue.extend(PolicyViolationProgressBar);
               let progressBar = new ComponentClass({
                 propsData: {
                   total: metrics.policyViolationsTotal,
                   warn: metrics.policyViolationsWarn,
                   fail: metrics.policyViolationsFail,
                   info: metrics.policyViolationsInfo,
+                  $t: this.$t.bind(this),
                 }
               });
               progressBar.$mount();
               return progressBar.$el.outerHTML;
-            }
+            }.bind(this)
           },
           {
             title: this.$t('message.vulnerabilities'),