add error translations

frontend/src/components/CreateVault.vue

@@ -4,7 +4,7 @@
   </div>
 
   <div v-else-if="state == State.EnterRecoveryKey" @drop.prevent="" @dragover.prevent="">
-    <form ref="form" novalidate @submit.prevent="validateRecoveryKey()">
+    <form ref="form" novalidate @submit.prevent="validateRecoveryKey()" >
       <div class="flex justify-center">
         <div class="bg-white px-4 py-5 shadow sm:rounded-lg sm:p-6 text-center sm:w-full sm:max-w-lg">
           <div class="mx-auto flex items-center justify-center h-12 w-12 rounded-full bg-emerald-100">
@@ -15,7 +15,6 @@
               {{ t('createVault.enterRecoveryKey.title') }}
             </h3>
             <div class="mt-2">
-              <!-- TODO: this text must be altered -->
               <p class="text-sm text-gray-500">
                 {{ t('createVault.enterRecoveryKey.description') }}
               </p>
@@ -65,10 +64,9 @@
                   <XCircleIcon class="h-5 w-5 text-red-400" aria-hidden="true" />
                 </div>
                 <div class="ml-3 flex-1 md:flex md:justify-between">
-                  <p v-if="onUploadError instanceof FileTooBigError" class="text-sm text-red-700">TODO Too big!</p>
-                  <p v-else-if="onUploadError instanceof NoFileError" class="text-sm text-red-700">TODO File could not be uploaded</p>
-                  <p v-else-if="onUploadError instanceof WrongFileNameError" class="text-sm text-red-700">TODO Wrong files!</p>
-                  <p v-else class="text-sm text-red-700">TODO Error uploading and reading file</p>
+                  <p v-if="onUploadError instanceof FileTooBigError" class="text-sm text-red-700">{{ t('createVault.error.uploadTooBig') }}</p>
+                  <p v-else-if="onUploadError instanceof WrongFileNameError" class="text-sm text-red-700">{{ t('createVault.error.wrongFileName') }}</p>
+                  <p v-else class="text-sm text-red-700">{{ t('createVault.error.failedUpload') }}</p>
                 </div>
               </div>
             </div>
@@ -83,7 +81,7 @@
             <div v-if="onRecoverError != null">
               <p v-if="onRecoverError instanceof FormValidationFailedError" class="text-sm text-red-900 mt-2">{{ t('createVault.error.formValidationFailed') }}</p>
               <p v-if="onRecoverError instanceof DecodeUvfRecoveryKeyError || onRecoverError instanceof DecodeVf8RecoveryKeyError" class="text-sm text-red-900 mt-2">{{ t('createVault.error.invalidRecoveryKey') }}</p>
-              <p v-else class="text-sm text-red-900 mt-2">TODO: illegal vault metadata</p>
+              <p v-else class="text-sm text-red-900 mt-2">{{ t('createVault.error.keyDoesNotMatchMetadata') }}</p>
             </div>
           </div>
         </div>

frontend/src/i18n/de-DE.json

@@ -90,8 +90,9 @@
   "fetchError.title": "Abruf von Daten fehlgeschlagen",
 
   "createVault.enterRecoveryKey.title": "Tresor wiederherstellen",
-  "createVault.enterRecoveryKey.description": "Gib den Wiederherstellungsschlüssel deines bestehenden Tresors ein, um daraus eine neue Tresorvorlage zu erstellen.",
+  "createVault.enterRecoveryKey.description": "Gib den Wiederherstellungsschlüssel deines bestehenden Tresors ein und lade die dazugehörige Tresormetadatendatei hoch, um daraus einen neue Tresor mit gleichem Schlüssel zu erstellen.",
   "createVault.enterRecoveryKey.recoveryKey": "Wiederherstellungsschlüssel für deinen Tresor",
+  "createVault.enterRecoveryKey.vaultMetadataFile": "Tresormetadatendatei deines Tresors",
   "createVault.enterRecoveryKey.submit": "Tresor wiederherstellen",
   "createVault.enterVaultDetails.title": "Tresor erstellen",
   "createVault.enterVaultDetails.description": "Gib einen Namen und eine Beschreibung für deinen neuen Tresor ein. Du kannst diese später ändern.",
@@ -104,7 +105,11 @@
   "createVault.showRecoveryKey.submit": "Tresor erstellen",
   "createVault.error.illegalVaultName": "Der Tresorname darf keines der folgenden Zeichen beinhalten:",
   "createVault.error.formValidationFailed": "Bitte überprüfe das Formular und versuche es erneut.",
+  "createVault.error.uploadTooBig": "Die Tresormetadatendatei ist zu groß. Es werden nur Dateien bis zu 8KB akzeptiert.",
+  "createVault.error.failedUpload": "Die Tresormetadatendatei konnte nicht hochgeladen werden.",
+  "createVault.error.wrongFileName": "Die hochgeladene Datei ist nicht wie eine Tresormetadatendatei benannt. Erlaubte Namen sind 'vault.cryptomator' oder 'vault.uvf'.",
   "createVault.error.invalidRecoveryKey": "Wiederherstellungsschlüssel ist ungültig.",
+  "createVault.error.keyDoesNotMatchMetadata": "Der eingegebene Wiederherstellungsschlüssel passt nicht zur hochgeladenen Tresormetadatendatei.",
   "createVault.error.vaultAlreadyExists": "Ein Tresor mit dem angegebenen Namen existiert bereits.",
   "createVault.error.downloadTemplateFailed": "Download der Tresorvorlage fehlgeschlagen: {0}",
   "createVault.error.paymentRequired": "Deine Cryptomator Hub Lizenz hat die Anzahl der verfügbaren Sitze überschritten oder ist abgelaufen. Bitte informiere einen Hub-Administrator, um die Lizenz zu erneuern oder zu erweitern.",
@@ -182,7 +187,7 @@
 
   "recoveryKeyDialog.title": "Wiederherstellungsschlüssel",
   "recoveryKeyDialog.description": "Dies ist dein Wiederherstellungsschlüssel für „{0}“. Verwahre ihn gut, er ist im Falle eines Systemausfalls deine einzige Möglichkeit, auf einen Tresor zuzugreifen.",
-  "recoveryKeyDialog.recoveryKey": "Wiederherstellungsschlüssel für deinen Tresor",
+  "recoveryKeyDialog.recoveryKey": "Wiederherstellungsschlüssel",
 
   "recoverVaultDialog.title": "Tresor Wiederherstellung",
   "recoverVaultDialog.description": "Gib den Wiederherstellungsschlüssel für den Tresor ein, um den Zugriff auf den Tresor wiederherzustellen.",

frontend/src/i18n/en-US.json

@@ -90,8 +90,9 @@
   "fetchError.title": "Fetching data failed",
 
   "createVault.enterRecoveryKey.title": "Recover Vault",
-  "createVault.enterRecoveryKey.description": "Enter the recovery key of your existing vault to create a new vault template from it.",
+  "createVault.enterRecoveryKey.description": "Enter the recovery key and upload the matching vault metadata file of your vault to create a new one with the same keys.",
   "createVault.enterRecoveryKey.recoveryKey": "Recovery Key of Your Vault",
+  "createVault.enterRecoveryKey.vaultMetadataFile": "Vault metadata file of Your Vault",
   "createVault.enterRecoveryKey.submit": "Recover Vault",
   "createVault.enterVaultDetails.title": "Create Vault",
   "createVault.enterVaultDetails.description": "Enter a name and description for your new vault. You can change these later.",
@@ -104,7 +105,11 @@
   "createVault.showRecoveryKey.submit": "Create Vault",
   "createVault.error.illegalVaultName": "The vault name must not contain any of the following characters:",
   "createVault.error.formValidationFailed": "Please check the form and try again.",
+  "createVault.error.uploadTooBig": "The vault metadata file is too big. Files up to 8KB are supported.",
+  "createVault.error.failedUpload": "The vault metadata file could not be uploaded.",
+  "createVault.error.wrongFileName": "The uploaded file is not named like as a vault metadata file. Allowed names are 'vault.cryptomator' or 'vault.uvf'.",
   "createVault.error.invalidRecoveryKey": "Recovery key is invalid.",
+  "createVault.error.keyDoesNotMatchMetadata": "The given recovery key does not match the uploaded vault metadata file.",
   "createVault.error.vaultAlreadyExists": "A vault with the given name already exists.",
   "createVault.error.downloadTemplateFailed": "Download of vault template failed: {0}",
   "createVault.error.paymentRequired": "Your Cryptomator Hub license has exceeded the number of available seats or has expired. Please inform a Hub administrator to upgrade or renew the license.",