Merge branch 'vue-i18n-js-performance-bar-directory-ee' into 'master'

Vue-i18n: app/assets/javascripts/performance_bar directory

See merge request gitlab-org/gitlab-ee!14438

app/assets/javascripts/performance_bar/components/detailed_metric.vue

@@ -92,7 +92,9 @@ export default {
         </template>
         <template v-else>
           <tr>
-            <td>No {{ header.toLowerCase() }} for this request.</td>
+            <td>
+              {{ sprintf(__('No %{header} for this request.'), { header: header.toLowerCase() }) }}
+            </td>
           </tr>
         </template>
       </table>

app/assets/javascripts/performance_bar/components/performance_bar_app.vue

@@ -5,6 +5,7 @@ import { glEmojiTag } from '~/emoji';
 import detailedMetric from './detailed_metric.vue';
 import requestSelector from './request_selector.vue';
 import simpleMetric from './simple_metric.vue';
+import { s__ } from '~/locale';
 
 export default {
   components: {
@@ -35,10 +36,10 @@ export default {
     },
   },
   detailedMetrics: [
-    { metric: 'pg', header: 'SQL queries', details: 'queries', keys: ['sql'] },
+    { metric: 'pg', header: s__('PerformanceBar|SQL queries'), details: 'queries', keys: ['sql'] },
     {
       metric: 'gitaly',
-      header: 'Gitaly calls',
+      header: s__('PerformanceBar|Gitaly calls'),
       details: 'details',
       keys: ['feature', 'request'],
     },
@@ -99,7 +100,8 @@ export default {
           class="current-host"
           :class="{ canary: currentRequest.details.host.canary }"
         >
-          <span v-html="birdEmoji"></span> {{ currentRequest.details.host.hostname }}
+          <span v-html="birdEmoji"></span>
+          {{ currentRequest.details.host.hostname }}
         </span>
       </div>
       <detailed-metric
@@ -118,9 +120,9 @@ export default {
           data-toggle="modal"
           data-target="#modal-peek-line-profile"
         >
-          profile
+          {{ s__('PerformanceBar|profile') }}
         </button>
-        <a v-else :href="profileUrl"> profile </a>
+        <a v-else :href="profileUrl">{{ s__('PerformanceBar|profile') }}</a>
       </div>
       <simple-metric
         v-for="metric in $options.simpleMetrics"
@@ -139,7 +141,7 @@ export default {
         id="peek-view-trace"
         class="view"
       >
-        <a :href="currentRequest.details.tracing.tracing_url"> trace </a>
+        <a :href="currentRequest.details.tracing.tracing_url">{{ s__('PerformanceBar|trace') }}</a>
       </div>
       <request-selector
         v-if="currentRequest"

locale/gitlab.pot

@@ -8891,6 +8891,9 @@ msgstr ""
 msgid "No"
 msgstr ""
 
+msgid "No %{header} for this request."
+msgstr ""
+
 msgid "No %{providerTitle} repositories available to import"
 msgstr ""
 
@@ -9517,6 +9520,18 @@ msgstr ""
 msgid "Performance optimization"
 msgstr ""
 
+msgid "PerformanceBar|Gitaly calls"
+msgstr ""
+
+msgid "PerformanceBar|SQL queries"
+msgstr ""
+
+msgid "PerformanceBar|profile"
+msgstr ""
+
+msgid "PerformanceBar|trace"
+msgstr ""
+
 msgid "Permissions"
 msgstr ""