Replace hardcoded texts with i18n translations

This affects:
- Administration BOM-Format description
- Policy Violations by Classification
- Audit Vulnerability

Signed-off-by: Torsten Mehnert <[email protected]>

Author: tmehnert

src/i18n/locales/en.json

@@ -70,6 +70,7 @@
     "total": "Total",
     "vulnerable": "Vulnerable",
     "portfolio_statistics": "Portfolio Statistics",
+    "suppress": "Suppress",
     "suppressed": "Suppressed",
     "last_measurement": "Last Measurement",
     "overview": "Overview",
@@ -78,6 +79,9 @@
     "policy_violations": "Policy Violations",
     "policy_violations_by_classification": "Policy Violations by Classification",
     "policy_violations_by_state": "Policy Violations by State",
+    "security_risk": "Security Risk",
+    "license_risk": "License Risk",
+    "operational_risk": "Operational Risk",
     "violations_audited": "Violations Audited",
     "attributed_on": "Attributed On",
     "view_details": "View Details",
@@ -128,6 +132,8 @@
     "recommendation": "Recommendation",
     "audit_trail": "Audit Trail",
     "comment": "Comment",
+    "add_comment": "Add Comment",
+    "update_details": "Update Details",
     "exploit_predictions": "Exploit Predictions",
     "epss": "EPSS",
     "epss_percentile": "EPSS Percentile",
@@ -380,6 +386,7 @@
     "configuration": "Configuration",
     "general": "General",
     "bom_formats": "BOM Formats",
+    "bom_formats_desc": "Enables support for processing BOMs of various formats. Only BOM formats which are enabled will be processed.",
     "internal_components": "Internal Components",
     "email": "Email",
     "analyzers": "Analyzers",

src/views/administration/configuration/BomFormats.vue

@@ -1,7 +1,7 @@
 <template>
   <b-card no-body :header="header">
     <b-card-body>
-      <p>Enables support for processing BOMs of various formats. Only BOM formats which are enabled will be processed.</p>
+      <p>{{ $t('admin.bom_formats_desc')}}</p>
       <div>
         <c-switch color="primary" v-model="isCycloneDXEnabled" label v-bind="labelIcon" />{{$t('admin.enable_bom_cyclonedx')}}
       </div>

src/views/dashboard/ChartPolicyViolationBreakdown.vue

@@ -3,7 +3,7 @@
     <div class="progress-group">
       <div class="progress-group-header">
         <i class="fa fa-shield fa-fw progress-group-icon"></i>
-        <span class="title">Security Risk</span>
+        <span class="title">{{ $t('message.security_risk') }}</span>
         <span class="ml-auto font-weight-bold">{{ securityCount }} <span class="text-muted small">({{ securityPercent }}%)</span></span>
       </div>
       <div class="progress-group-bars">
@@ -13,7 +13,7 @@
     <div class="progress-group">
       <div class="progress-group-header">
         <i class="fa fa-balance-scale fa-fw progress-group-icon"></i>
-        <span class="title">License Risk</span>
+        <span class="title">{{ $t('message.license_risk') }}</span>
         <span class="ml-auto font-weight-bold">{{ licenseCount }} <span class="text-muted small">({{ licensePercent }}%)</span></span>
       </div>
       <div class="progress-group-bars">
@@ -23,7 +23,7 @@
     <div class="progress-group">
       <div class="progress-group-header">
         <i class="icon-layers fa-fw progress-group-icon"></i>
-        <span class="title">Operational Risk</span>
+        <span class="title">{{ $t('message.operational_risk') }}</span>
         <span class="ml-auto font-weight-bold">{{ operationalCount }} <span class="text-muted small">({{ operationalPercent }}%)</span></span>
       </div>
       <div class="progress-group-bars">

src/views/portfolio/projects/ProjectFindings.vue

@@ -249,13 +249,13 @@
                     <b-form-group id="fieldset-8" v-if="this.isPermitted(this.PERMISSIONS.VULNERABILITY_ANALYSIS)" :label="this.$t('message.comment')" label-for="input-8">
                       <b-form-textarea id="input-8" v-model="comment" rows="4" class="form-control" trim />
                       <div class="pull-right">
-                        <b-button size="sm" variant="outline-primary" @click="addComment"><span class="fa fa-comment-o"></span> Add Comment</b-button>
+                        <b-button size="sm" variant="outline-primary" @click="addComment"><span class="fa fa-comment-o"></span> {{ this.$t('message.add_comment') }}</b-button>
                       </div>
                     </b-form-group>
                     <b-form-group id="fieldset-9" v-if="this.isPermitted(this.PERMISSIONS.VULNERABILITY_ANALYSIS)" :label="this.$t('message.analysis')" label-for="input-9">
                       <b-input-group id="input-9">
                         <b-form-select v-model="analysisState" :options="analysisChoices" @change="makeAnalysis" style="flex:0 1 auto; width:auto; margin-right:2rem;" v-b-tooltip.hover :title="this.$t('message.analysis_tooltip')"/>
-                        <bootstrap-toggle v-model="isSuppressed" :options="{ on: 'Suppressed', off: 'Suppress', onstyle: 'warning', offstyle: 'outline-disabled'}" :disabled="analysisState === null" />
+                        <bootstrap-toggle v-model="isSuppressed" :options="{ on: this.$t('message.suppressed'), off: this.$t('message.suppress'), onstyle: 'warning', offstyle: 'outline-disabled'}" :disabled="analysisState === null" />
                       </b-input-group>
                     </b-form-group>
                     <b-row v-if="this.isPermitted(this.PERMISSIONS.VULNERABILITY_ANALYSIS)">
@@ -277,7 +277,7 @@
                     <b-form-group id="fieldset-12" v-if="this.isPermitted(this.PERMISSIONS.VIEW_VULNERABILITY)" :label="this.$t('message.details')" label-for="analysisDetailsField">
                       <b-form-textarea id="analysisDetailsField" v-model="analysisDetails" rows="7" class="form-control" :disabled="analysisState === null || !this.isPermitted(this.PERMISSIONS.VULNERABILITY_ANALYSIS)" v-b-tooltip.hover :title="this.$t('message.analysis_details_tooltip')" />
                       <div class="pull-right">
-                        <b-button v-if="this.isPermitted(this.PERMISSIONS.VULNERABILITY_ANALYSIS)" :disabled="analysisState === null" size="sm" variant="outline-primary" @click="makeAnalysis"><span class="fa fa-comment-o"></span> Update Details</b-button>
+                        <b-button v-if="this.isPermitted(this.PERMISSIONS.VULNERABILITY_ANALYSIS)" :disabled="analysisState === null" size="sm" variant="outline-primary" @click="makeAnalysis"><span class="fa fa-comment-o"></span> {{ this.$t('message.update_details') }}</b-button>
                       </div>
                     </b-form-group>
                   </b-col>