more i18n integration

- #214
dexpenses · Sep 15, 2019 · b7c343a · b7c343a
1 parent 545da82
commit b7c343a
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 20 deletions.
diff --git a/src/components/AccountMenu.vue b/src/components/AccountMenu.vue
@@ -28,7 +28,7 @@
       >
         <v-list-item-content>
           <v-list-item-title>
-            Settings
+            {{$t('settings.title')}}
           </v-list-item-title>
         </v-list-item-content>
         <v-list-item-action>
@@ -44,7 +44,7 @@
             @change="$store.dispatch('localSettings/setDarkTheme',{dark:!!$event,$vuetify})"
           ></v-switch>
         </v-list-item-action>
-        <v-list-item-title>Dark mode</v-list-item-title>
+        <v-list-item-title>{{$t('settings.darkMode')}}</v-list-item-title>
       </v-list-item>
 
       <v-list-item
@@ -53,7 +53,7 @@
       >
         <v-list-item-content>
           <v-list-item-title>
-            Logout
+            {{$t('auth.logout')}}
           </v-list-item-title>
         </v-list-item-content>
         <v-list-item-action>

diff --git a/src/components/upload/FileUpload.vue b/src/components/upload/FileUpload.vue
@@ -6,7 +6,7 @@
       @dropped="hovering = false; startUpload($event)"
       :class="{hovering}"
     >
-      <h3>Just drop some files</h3>
+      <h3>{{$t('actions.dropFiles')}}</h3>
 
       <div class="file">
         <label class="file-label">
@@ -26,7 +26,7 @@
               left
               dark
             >cloud_upload</v-icon>
-            or choose a file…
+            {{$t('actions.orChooseFile')}}
           </v-btn>
         </label>
       </div>

diff --git a/src/i18n/de.json b/src/i18n/de.json
@@ -4,7 +4,10 @@
   "receipts": "Bons",
   "rules": "Regeln",
   "upload": "Hochladen",
-  "settings": "Einstellungen",
+  "settings": {
+    "title": "Einstellungen",
+    "darkMode": "Dunkler Modus"
+  },
   "language": "Spache",
   "phoneNumber": "Telefonnummer",
   "homeAddress": "Heimataddresse",
@@ -43,10 +46,17 @@
     "paymentMethod": "Bezahlmethode",
     "category": "Kategorie",
     "notes": "Bemerkungen",
-    "testDataIdentifier": "Testdaten-Identifier"
+    "testDataIdentifier": "Testdaten-Identifier",
+    "id": "ID"
   },
   "actions": {
     "deleteImage": "Bild löschen",
-    "save": "Speichern"
+    "save": "Speichern",
+    "selectReceipt": "Beleg auswählen",
+    "dropFiles": "Dateien einfach hier reinziehen",
+    "orChooseFile": "oder eine Datei wählen"
+  },
+  "auth": {
+    "logout": "Abmelden"
   }
-}
+}
diff --git a/src/i18n/en.json b/src/i18n/en.json
@@ -4,7 +4,10 @@
   "receipts": "Receipts",
   "rules": "Rules",
   "upload": "Upload",
-  "settings": "Settings",
+  "settings": {
+    "title": "Settings",
+    "darkMode": "Dark mode"
+  },
   "language": "Language",
   "phoneNumber": "Phone Number",
   "homeAddress": "Home Address",
@@ -31,7 +34,8 @@
     "paymentMethod": "Payment method",
     "category": "Category",
     "notes": "Notes",
-    "testDataIdentifier": "Test data identifier"
+    "testDataIdentifier": "Test data identifier",
+    "id": "ID"
   },
   "validations": {
     "_default": "{_field_} is invalid.",
@@ -48,6 +52,12 @@
   },
   "actions": {
     "deleteImage": "Delete image",
-    "save": "Save"
+    "save": "Save",
+    "selectReceipt": "Select a receipt",
+    "dropFiles": "Just drop some files",
+    "orChooseFile": "or choose a file…"
+  },
+  "auth": {
+    "logout": "Logout"
   }
-}
+}
diff --git a/src/views/admin/ExploreTestData.vue b/src/views/admin/ExploreTestData.vue
@@ -18,32 +18,32 @@
     <v-divider vertical></v-divider>
     <v-col>
       <v-scroll-y-transition mode="out-in">
-        <div v-if="!selected">Select a receipt</div>
+        <div v-if="!selected">{{$t('actions.selectReceipt')}}</div>
         <div v-else>
           <v-simple-table>
             <tbody>
               <tr>
-                <td>ID</td>
+                <td>{{$t('fields.id')}}</td>
                 <td>{{ selected.id }}</td>
               </tr>
               <tr>
-                <td>Category</td>
+                <td>{{$t('fields.category')}}</td>
                 <td>{{ selected.data.category }}</td>
               </tr>
               <tr>
-                <td>City code</td>
+                <td>{{$t('fields.cityCode')}}</td>
                 <td>{{ selected.data.cityCode }}</td>
               </tr>
               <tr>
-                <td>Name</td>
+                <td>{{$t('fields.name')}}</td>
                 <td>{{ selected.data.name }}</td>
               </tr>
               <tr>
-                <td>Classifier</td>
+                <td>{{$t('fields.classifier')}}</td>
                 <td>{{ selected.data.classifier }}</td>
               </tr>
               <tr>
-                <td>Payment method</td>
+                <td>{{$t('fields.paymentMethod')}}</td>
                 <td>{{ selected.data.paymentMethod }}</td>
               </tr>
             </tbody>