Fixed various warnings

Scille · Apr 26, 2024 · 94264e5 · 94264e5
1 parent d0d2ec9
commit 94264e5
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 12 deletions.
diff --git a/src/locales/en-US.json b/src/locales/en-US.json
@@ -43,7 +43,10 @@
         }
       },
       "sorter": {
-        "title": "Sorter"
+        "title": "Sorter",
+        "name": "Name",
+        "birthDate": "Birth date",
+        "age": "Age"
       },
       "spinner": {
         "title": "Spinner"
@@ -62,6 +65,12 @@
       },
       "gridListToggle": {
         "title": "Grid list toggle"
+      },
+      "msReportTheme": {
+        "info": "Info",
+        "warning": "Warning",
+        "error": "Error",
+        "success": "Success"
       }
     }
   },

diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
@@ -43,7 +43,10 @@
         }
       },
       "sorter": {
-        "title": "Sorter"
+        "title": "Sorter",
+        "name": "Nom",
+        "birthDate": "Date de naissance",
+        "age": "Âge"
       },
       "spinner": {
         "title": "Spinner"
@@ -62,6 +65,12 @@
       },
       "gridListToggle": {
         "title": "Grid list toggle"
+      },
+      "msReportTheme": {
+        "info": "Info",
+        "warning": "Alerte",
+        "error": "Erreur",
+        "success": "Succès"
       }
     }
   },

diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
@@ -107,9 +107,9 @@
               v-for="item in msSorterExampleData"
               :key="item.name"
             >
-              <ion-label>name: {{ item.name }}</ion-label>
-              <ion-label>birth date: {{ I18n.formatDate(item.birthDate, 'short') }}</ion-label>
-              <ion-label>age: {{ item.age }}</ion-label>
+              <ion-label>{{ $msTranslate('usage.components.sorter.name') }}: {{ item.name }}</ion-label>
+              <ion-label>{{ $msTranslate('usage.components.sorter.birthDate') }}: {{ $msTranslate(I18n.formatDate(item.birthDate, 'short')) }}</ion-label>
+              <ion-label>{{ $msTranslate('usage.components.sorter.age') }}: {{ item.age }}</ion-label>
             </div>
           </div>
         </ion-item-divider>
@@ -193,19 +193,19 @@ import SettingsModal from './settings/SettingsModal.vue';
 const msDropdownOptions: MsOptions = new MsOptions([
   {
     key: MsReportTheme.Info,
-    label: 'MsReportTheme.Info',
+    label: 'usage.components.msReportTheme.info',
   },
   {
     key: MsReportTheme.Warning,
-    label: 'MsReportTheme.Warning',
+    label: 'usage.components.msReportTheme.warning',
   },
   {
     key: MsReportTheme.Error,
-    label: 'MsReportTheme.Error',
+    label: 'usage.components.msReportTheme.error',
   },
   {
     key: MsReportTheme.Success,
-    label: 'MsReportTheme.Success',
+    label: 'usage.components.msReportTheme.success',
   },
 ]);
 
@@ -216,9 +216,9 @@ const displayView = ref(DisplayState.List);
 const msReportTheme = ref(MsReportTheme.Info);
 
 const msSorterOptions: MsOptions = new MsOptions([
-  { label: 'name', key: 'name' },
-  { label: 'birth date', key: 'birthDate' },
-  { label: 'age', key: 'age' },
+  { label: 'usage.components.sorter.name', key: 'name' },
+  { label: 'usage.components.sorter.birthDate', key: 'birthDate' },
+  { label: 'usage.components.sorter.age', key: 'age' },
 ]);
 
 const msSorterLabels = {