translating fuelly import page

ui/src/locales/de.json

@@ -125,8 +125,23 @@
     "delete": "Löschen",
     "importdata": "Importiere Daten in Hammond",
     "importdatadesc": "Wähle eine der folgenden Optionen um Daten in Hammond zu importieren",
-    "import": "Importiere",
+    "import": "Importieren",
     "importcsv": "Wenn du {name} nutzt um deine Fahrzeugdaten zu verwalten, exportiere die CSV Datei aus {name} und klicke hier zum importieren.",
+    "choosecsv": "CSV auswählen",
+    "choosephoto": "Foto auswählen",
+    "importsuccessfull": "Daten erfolgreich importiert",
+    "importerror": "Beim importieren der Datei ist ein Fehler aufgetreten. Details findest du in der Fehlermeldung",
+    "importfrom": "Importiere von {name}",
+    "stepstoimport": "Schritte um Daten aus {name} zu importieren",
+    "choosecsvimport": "Wähle die {name} CSV aus und klicke den Button zum importieren.",
+    "dontimportagain": "Achte darauf, dass du die Datei nicht erneut importierst, da dies zu wiederholten Einträgen führen würde.",
+    "checkpointsimportcsv": "Wenn du alle diese Punkte überprüft hast kannst du unten die CSV importieren.",
+    "importhintunits": "Vergewissere dich ebenfalls, dass die <u>Kraftstoffeinheit</u> und der <u>Kraftstofftyp</u> im Fahrzeug richtig eingestellt sind.",
+    "importhintcurrdist": "Stelle sicher, dass die <u>Währung</u> und die <u>Entfernungseinheit</u> in Hammond korrekt eingestellt sind. Der Import erkennt die Währung nicht automatisch aus der CSV-Datei, sondern verwendet die für den Benutzer eingestellte Währung.",
+    "importhintnickname": "Vergewissere dich, dass der Fahrzeugname in Hammond genau mit dem Namen in der Fuelly-CSV-Datei übereinstimmt, sonst funktioniert der Import nicht.",
+    "importhintvehiclecreated": "Vergewissere dich, dass du die Fahrzeuge bereits in Hammond erstellt hast.",
+    "importhintcreatecsv": "Exportiere deine Daten aus {name} im CSV-Format. Die Schritte dazu findest du",
+    "here": "hier",
     "unprocessedquickentries": "Du hast einen Schnelleintrag zum bearbeiten. | Du hast {0} Schnelleinträge zum bearbeiten.",
     "show": "Anzeigen",
     "loginerror": "Bei der Anmeldung ist ein Fehler aufgetreten. {msg}",

ui/src/locales/en.json

@@ -130,6 +130,21 @@
     "importdatadesc": "Choose from the following options to import data into Hammond",
     "import": "Import",
     "importcsv": "If you have been using {name} to store your vehicle data, export the CSV file from {name} and click here to import.",
+    "choosecsv": "Choose CSV",
+    "choosephoto": "Choose Photo",
+    "importsuccessfull": "Data Imported Successfully",
+    "importerror": "There was some issue with importing the file. Please check the error message",
+    "importfrom": "Import from {0}",
+    "stepstoimport": "Steps to import data from {name}",
+    "choosecsvimport": "Choose the {name} CSV and press the import button.",
+    "dontimportagain": "Make sure that you do not import the file again because that will create repeat entries.",
+    "checkpointsimportcsv": "Once you have checked all these points, just import the CSV below.",
+    "importhintunits": "Similiarly, make sure that the <u>Fuel Unit</u> and <u>Fuel Type</u> are correctly set in the Vehicle.",
+    "importhintcurrdist": "Make sure that the <u>Currency</u> and <u>Distance Unit</u> are set correctly in Hammond. Import will not autodetect Currency from the CSV but use the one set for the user.",
+    "importhintnickname": "Make sure that the Vehicle nickname in Hammond is exactly the same as the name on Fuelly CSV or the import will not work.",
+    "importhintvehiclecreated": "Make sure that you have already created the vehicles in Hammond platform.",
+    "importhintcreatecsv": "Export your data from {name} in the CSV format. Steps to do that can be found",
+    "here": "here",
     "unprocessedquickentries": "You have one quick entry to be processed. | You have {0} quick entries pending to be processed.",
     "show": "Show",
     "loginerror": "There was an error logging in to your account. {msg}",

ui/src/router/views/import-fuelly.vue

@@ -14,13 +14,13 @@ export default {
     uploadButtonLabel() {
       if (this.isMobile) {
         if (this.file == null) {
-          return 'Choose Photo'
+          return this.$t('choosephoto')
         } else {
           return ''
         }
       } else {
         if (this.file == null) {
-          return 'Choose CSV'
+          return this.$t('choosecsv')
         } else {
           return ''
         }
@@ -53,7 +53,7 @@ export default {
         .post(`/api/import/fuelly`, formData)
         .then((data) => {
           this.$buefy.toast.open({
-            message: 'Data Imported Successfully',
+            message: this.$t('importsuccessfull'),
             type: 'is-success',
             duration: 3000,
           })
@@ -62,7 +62,7 @@ export default {
         .catch((ex) => {
           this.$buefy.toast.open({
             duration: 5000,
-            message: 'There was some issue with importing the file. Please check the error message',
+            message: this.$t('importerror'),
             position: 'is-bottom',
             type: 'is-danger',
           })
@@ -82,33 +82,27 @@ export default {
   <Layout>
     <div class="columns box">
       <div class="column">
-        <h1 class="title">Import from Fuelly</h1>
+        <h1 class="title">{{ $t('importfrom', { 'name': 'Fuelly' }) }}</h1>
       </div>
     </div>
     <br />
     <div class="columns">
       <div class="column">
-        <p class="subtitle"> Steps to import data from Fuelly</p>
+        <p class="subtitle"> {{ $t('stepstoimport', { 'name': 'Fuelly' }) }}</p>
         <ol>
-          <li
+          <li>{{ $t('importhintcreatecsv', { 'name': 'Fuelly' }) }} <a href="http://docs.fuelly.com/acar-import-export-center" target="_nofollow">{{ $t('here') }}</a>.</li>
-            >Export your data from Fuelly in the CSV format. Steps to do that can be found
+          <li>{{ $t('importhintvehiclecreated') }}</li>
-            <a href="http://docs.fuelly.com/acar-import-export-center" target="_nofollow">here</a>.</li
+          <li>{{ $t('importhintnickname') }}</li>
-          >
+          <li v-html="$t('importhintcurrdist')"></li>
-          <li>Make sure that you have already created the vehicles in Hammond platform.</li>
+          <li v-html="$t('importhintunits')"></li>
-          <li>Make sure that the Vehicle nickname in Hammond is exactly the same as the name on Fuelly CSV or the import will not work.</li>
+          <li>{{ $t('checkpointsimportcsv') }}</li>
-          <li
+          <li><b>{{ $t('dontimportagain') }}</b></li>
-            >Make sure that the <u>Currency</u> and <u>Distance Unit</u> are set correctly in Hammond. Import will not autodetect Currency from the
-            CSV but use the one set for the user.</li
-          >
-          <li>Similiarly, make sure that the <u>Fuel Unit</u> and <u>Fuel Type</u> are correctly set in the Vehicle.</li>
-          <li>Once you have checked all these points,just import the CSV below.</li>
-          <li><b>Make sure that you do not import the file again and that will create repeat entries.</b></li>
         </ol>
       </div>
     </div>
     <div class="section box">
       <div class="columns">
-        <div class="column is-two-thirds"> <p class="subtitle">Choose the Fuelly CSV and press the import button.</p></div>
+        <div class="column is-two-thirds"> <p class="subtitle">{{ $t('choosecsvimport', { 'name': 'Fuelly' }) }}</p></div>
         <div class="column is-one-third is-flex is-align-content-center">
           <form @submit.prevent="importFuelly">
             <div class="columns"
@@ -126,8 +120,8 @@ export default {
                 </b-field>
               </div>
               <div class="column">
-                <b-button tag="input" native-type="submit" :disabled="tryingToCreate" type="is-primary" value="Upload File" class="control">
+                <b-button tag="input" native-type="submit" :disabled="tryingToCreate" type="is-primary" :value="this.$t('uploadfile')" class="control">
-                  Import
+                  {{ $t('import') }}
                 </b-button>
               </div></div
             >