ayanova/src/views/ops-metrics.vue

@@ -15,9 +15,9 @@
 
     <v-tabs v-model="tab" color="primary" grow @change="tabChanged">
       <v-tabs-slider></v-tabs-slider>
-      <v-tab>??cpu memory</v-tab>
-      <v-tab>??Database</v-tab>
-      <v-tab>??file storage</v-tab>
+      <v-tab>{{ $ay.t("MetricCPUMemory") }}</v-tab>
+      <v-tab>{{ $ay.t("Database") }}</v-tab>
+      <v-tab>{{ $ay.t("MetricFileStorage") }}</v-tab>
 
       <v-tabs-items v-model="tab">
         <v-tab-item>
@@ -294,7 +294,7 @@ export default {
       return {
         datasets: [
           {
-            label: "??CPU %",
+            label: "CPU %",
             borderColor: CHART_PALETTE.teal,
             fill: false,
             radius: 0,
@@ -309,7 +309,7 @@ export default {
       return {
         datasets: [
           {
-            label: "??DB Size  (MB)",
+            label: this.$ay.t("MetricDBSize"),
             borderColor: CHART_PALETTE.blue,
             fill: false,
             radius: 0,
@@ -328,7 +328,7 @@ export default {
         labels: window.$gz._.map(this.db.topTables, "name"),
         datasets: [
           {
-            label: "??Top tables (KB)",
+            label:  this.$ay.t("MetricTopTablesSize"),
             data: window.$gz._.map(this.db.topTables, "value"),
             backgroundColor: getPalette(
               this.db.topTables ? this.db.topTables.length : 3
@@ -375,7 +375,7 @@ export default {
       return {
         datasets: [
           {
-            label: "??Allocated (MB)",
+            label: this.$ay.t("MetricAllocatedMemory"),
             borderColor: CHART_PALETTE.purple,
             fill: false,
             radius: 0,
@@ -384,7 +384,7 @@ export default {
             data: this.memcpu.allocated
           },
           {
-            label: "??Working set (MB)",
+            label: this.$ay.t("MetricWorkingSet"),
             borderColor: CHART_PALETTE.green,
             //borderWidth:4,
             // pointStyle: "rectRot",
@@ -396,7 +396,7 @@ export default {
             data: this.memcpu.workingSet
           },
           {
-            label: "??Private bytes (MB)",
+            label: this.$ay.t("MetricPrivateBytes"),
             borderColor: CHART_PALETTE.orange,
             fill: false,
             radius: 0,
@@ -411,7 +411,7 @@ export default {
       return {
         datasets: [
           {
-            label: "??Attachments (MB)",
+            label: this.$ay.t("MetricAttachmentsMB"),
             borderColor: CHART_PALETTE.purple,
             fill: false,
             radius: 0,
@@ -420,7 +420,7 @@ export default {
             data: this.storage.attachmentFileSize
           },
           {
-            label: "??Backup (MB)",
+            label: this.$ay.t("MetricBackupMB"),
             borderColor: CHART_PALETTE.orange,
             fill: false,
             radius: 0,
@@ -429,7 +429,7 @@ export default {
             data: this.storage.utilityFileSize
           },
           {
-            label: "??Available space (MB)",
+            label: this.$ay.t("MetricAvailableDiskSpace"),
             borderColor: CHART_PALETTE.green,
             fill: false,
             radius: 0,
@@ -444,7 +444,7 @@ export default {
       return {
         datasets: [
           {
-            label: "??Attachment files",
+            label: this.$ay.t("MetricAttachmentsCount"),
             borderColor: CHART_PALETTE.blue,
             fill: false,
             radius: 0,
@@ -587,7 +587,19 @@ function fetchTranslatedText(vm) {
     "DateRangePast7Days",
     "DateRangePast30Days",
     "DateRangeInTheLastSixMonths",
-    "DateRangePastYear"
+    "DateRangePastYear",
+    "MetricFileStorage",
+    "MetricAttachmentsMB",
+    "MetricBackupMB",
+    "MetricAvailableDiskSpace",
+    "MetricAttachmentsCount",
+    "Database",
+    "MetricDBSize",
+    "MetricTopTablesSize",
+    "MetricCPUMemory",
+    "MetricAllocatedMemory",
+    "MetricWorkingSet",
+    "MetricPrivateBytes"
   ];
 
   return window.$gz.translation.fetch(tKeysRequired);