add basic i18n logic to filepond

ref #20

src/components/FileUpload.svelte

@@ -1,6 +1,7 @@
 <script>
   import "filepond/dist/filepond.css";
   import FilePond from "svelte-filepond";
+  import { _ } from "svelte-i18n";
   let pond;
   // pond.getFiles() will return the active files
   // the name to use for the internal file input
@@ -11,12 +12,60 @@
   function handleAddFile(err, fileItem) {
     // console.log("A file has been added", fileItem);
   }
+  const labelInvalidField = "Field contains invalid files";
+  const labelFileWaitingForSize = "Waiting for size";
+  const labelFileSizeNotAvailable = "Size not available";
+  const labelFileLoading = "Loading";
+  const labelFileLoadError = "Error during load";
+  const labelFileProcessing = "Uploading";
+  const labelFileProcessingComplete = "Upload complete";
+  const labelFileProcessingAborted = "Upload cancelled";
+  const labelFileProcessingError = "Error during upload";
+  const labelFileProcessingRevertError = "Error during revert";
+  const labelFileRemoveError = "Error during remove";
+  const labelTapToCancel = "tap to cancel";
+  const labelTapToRetry = "tap to retry";
+  const labelTapToUndo = "tap to undo";
+  const labelButtonRemoveItem = "Remove";
+  const labelButtonAbortItemLoad = "Abort";
+  const labelButtonRetryItemLoad = "Retry";
+  const labelButtonAbortItemProcessing = "Cancel";
+  const labelButtonUndoItemProcessing = "Undo";
+  const labelButtonRetryItemProcessing = "Retry";
+  const labelButtonProcessItem = "Upload";
+  const labelIdle =
+    $_("drag-and-drop-your-files-or") +
+    ` <span class="filepond--label-action"> ` +
+    $_("browse") +
+    ` </span>`;
 </script>
 
 <div class="app">
   <FilePond
     bind:this={pond}
     {name}
+    {labelFileWaitingForSize}
+    {labelFileSizeNotAvailable}
+    {labelFileLoading}
+    {labelFileLoadError}
+    {labelFileProcessing}
+    {labelFileProcessingComplete}
+    {labelFileProcessingAborted}
+    {labelFileProcessingError}
+    {labelFileProcessingRevertError}
+    {labelFileRemoveError}
+    {labelTapToCancel}
+    {labelTapToRetry}
+    {labelTapToUndo}
+    {labelButtonRemoveItem}
+    {labelButtonAbortItemLoad}
+    {labelButtonRetryItemLoad}
+    {labelButtonAbortItemProcessing}
+    {labelButtonUndoItemProcessing}
+    {labelButtonRetryItemProcessing}
+    {labelButtonProcessItem}
+    {labelIdle}
+    {labelInvalidField}
     server="/api"
     allowMultiple={false}
     credits={false}

src/locales/en.json

@@ -6,6 +6,7 @@
     "add-your-first-track": "Add your first track",
     "application_name": "Lauf für Kaya! - Admin",
     "author": "Author",
+    "browse": "Browse",
     "by": "by",
     "cancel": "Cancel",
     "cannot-reset-your-password-directly": "Bummer. We unfortunately cannot reset your password directly. Please send us a mail and confirm your identity",
@@ -39,6 +40,7 @@
     "dependency_name": "Name",
     "dont-have-your-email-connected": "Don't have your email connected?",
     "dont-panic-were-resetting-it": "Don't panic, we're resetting it ✌",
+    "drag-and-drop-your-files-or": "Drag & Drop your files or",
     "e-mail-adress": "E-Mail Adress",
     "email_address_or_username": "Email / username",
     "error_on_login": "Error on login",