feature [AdminBundle] Add translations (de/en) for mediaFile field

Author: Franz Wilding

assets/js/unite-admin.js

@@ -1,8 +1,11 @@
 
 require('@unite/admin/Resources/assets/app.scss');
 
+import '@unite/admin/Resources/assets/vue/translations/en.js';
+import '@unite/media/Resources/assets/vue/translations/en.js';
+
 import '@unite/admin/Resources/assets/app.js';
 import '@unite/admin/Resources/assets/tiptap.js';
 import '@unite/media/Resources/assets/app.js';
-import '@unite/admin/Resources/assets/vue/translations/en.js';
+
 import '@unite/admin/Resources/assets/mount.js';

src/Bundle/MediaBundle/Resources/assets/vue/components/Fields/Form/MediaFile.vue

@@ -6,6 +6,7 @@
 <script>
   import _abstract from "@unite/admin/Resources/assets/vue/components/Fields/Form/_abstract";
   import FormRow from "@unite/admin/Resources/assets/vue/components/Fields/Form/_formRow";
+  import i18n from "@unite/admin/Resources/assets/vue/plugins/i18n";
 
   import gql from 'graphql-tag';
   import jwtDecode from 'jwt-decode';
@@ -24,8 +25,31 @@
 
   const FilePond = vueFilePond( FilePondPluginFileValidateType, FilePondPluginImagePreview, FilePondPluginFilePoster, FilePondPluginGetFile );
   setOptions({
-      labelButtonDownloadItem: 'Download',
       allowDownloadByUrl: true,
+      allowReorder: true,
+      labelIdle: i18n.t('field.mediaFile.label.idle'),
+      labelInvalidField: i18n.t('field.mediaFile.label.invalidField'),
+      labelFileWaitingForSize: i18n.t('field.mediaFile.label.fileWaitingForSize'),
+      labelFileSizeNotAvailable: i18n.t('field.mediaFile.label.fileSizeNotAvailable'),
+      labelFileLoading: i18n.t('field.mediaFile.label.fileLoading'),
+      labelFileLoadError: i18n.t('field.mediaFile.label.fileLoadError'),
+      labelFileProcessing: i18n.t('field.mediaFile.label.fileProcessing'),
+      labelFileProcessingComplete: i18n.t('field.mediaFile.label.fileProcessingComplete'),
+      labelFileProcessingAborted: i18n.t('field.mediaFile.label.fileProcessingAborted'),
+      labelFileProcessingError: i18n.t('field.mediaFile.label.fileProcessingError'),
+      labelFileProcessingRevertError: i18n.t('field.mediaFile.label.fileProcessingRevertError'),
+      labelFileRemoveError: i18n.t('field.mediaFile.label.fileRemoveError'),
+      labelTapToCancel: i18n.t('field.mediaFile.label.tapToCancel'),
+      labelTapToRetry: i18n.t('field.mediaFile.label.tapToRetry'),
+      labelTapToUndo: i18n.t('field.mediaFile.label.tapToUndo'),
+      labelButtonRemoveItem: i18n.t('field.mediaFile.label.buttonRemoveItem'),
+      labelButtonAbortItemLoad: i18n.t('field.mediaFile.label.buttonAbortItemLoad'),
+      labelButtonRetryItemLoad: i18n.t('field.mediaFile.label.buttonRetryItemLoad'),
+      labelButtonAbortItemProcessing: i18n.t('field.mediaFile.label.buttonAbortItemProcessing'),
+      labelButtonUndoItemProcessing: i18n.t('field.mediaFile.label.buttonUndoItemProcessing'),
+      labelButtonRetryItemProcessing: i18n.t('field.mediaFile.label.buttonRetryItemProcessing'),
+      labelButtonProcessItem: i18n.t('field.mediaFile.label.buttonProcessItem'),
+      labelButtonDownloadItem: i18n.t('field.mediaFile.label.buttonDownloadItem'),
   });
 
 

src/Bundle/MediaBundle/Resources/assets/vue/translations/de.js

@@ -0,0 +1,29 @@
+import { messages } from '@unite/admin/Resources/assets/vue/plugins/i18n';
+
+messages.de.field.mediaFile = {
+    label: {
+        idle: 'Dateien hier her ziehen oder <span class="filepond--label-action"> Auswählen </span>',
+        invalidField: 'Dieses Feld enthält ungültige Dateien',
+        fileWaitingForSize: 'Auf Dateigröße warten',
+        fileSizeNotAvailable: 'Dateigröße konnte nicht bestimmt werden',
+        fileLoading: 'Laden',
+        fileLoadError: 'Beim Laden der Datei ist ein Fehler aufgetreten',
+        fileProcessing: 'Upload',
+        fileProcessingComplete: 'Upload abgeschlossen',
+        fileProcessingAborted: 'Upload abgebrochen',
+        fileProcessingError: 'Beim Upload der Datei ist ein Fehler aufgetreten',
+        fileProcessingRevertError: 'Beim Rückgängigmachen ist ein Fehler aufgetreten',
+        fileRemoveError: 'Beim Löschen der Datei ist ein Fehler aufgetreten',
+        tapToCancel: 'Abbrechen',
+        tapToRetry: 'Wiederholen',
+        tapToUndo: 'Rückgängig machen',
+        buttonRemoveItem: 'Entfernen',
+        buttonAbortItemLoad: 'Abbrechen',
+        buttonRetryItemLoad: 'Wiederholen',
+        buttonAbortItemProcessing: 'Abbrechen',
+        buttonUndoItemProcessing: 'Rückgängig machen',
+        buttonRetryItemProcessing: 'Wiederholen',
+        buttonProcessItem: 'Upload',
+        buttonDownloadItem: 'Download',
+    }
+};

src/Bundle/MediaBundle/Resources/assets/vue/translations/en.js

@@ -0,0 +1,29 @@
+import { messages } from '@unite/admin/Resources/assets/vue/plugins/i18n';
+
+messages.en.field.mediaFile = {
+    label: {
+        idle: 'Drag & Drop your files or <span class="filepond--label-action"> Browse </span>',
+        invalidField: 'Field contains invalid files',
+        fileWaitingForSize: 'Waiting for size',
+        fileSizeNotAvailable: 'Size not available',
+        fileLoading: 'Loading',
+        fileLoadError: 'Error during load',
+        fileProcessing: 'Uploading',
+        fileProcessingComplete: 'Upload complete',
+        fileProcessingAborted: 'Upload cancelled',
+        fileProcessingError: 'Error during upload',
+        fileProcessingRevertError: 'Error during revert',
+        fileRemoveError: 'Error during remove',
+        tapToCancel: 'tap to cancel',
+        tapToRetry: 'tap to retry',
+        tapToUndo: 'tap to undo',
+        buttonRemoveItem: 'Remove',
+        buttonAbortItemLoad: 'Abort',
+        buttonRetryItemLoad: 'Retry',
+        buttonAbortItemProcessing: 'Cancel',
+        buttonUndoItemProcessing: 'Undo',
+        buttonRetryItemProcessing: 'Retry',
+        buttonProcessItem: 'Upload',
+        buttonDownloadItem: 'Download',
+    }
+};