From a6e4e9d77f8215a53c2d9e556905d5b1a8ccbe62 Mon Sep 17 00:00:00 2001
From: palytoxin <sxty32@gmail.com>
Date: Thu, 13 Aug 2020 16:19:55 +0800
Subject: [PATCH] add dropzone i18n

---
 templates/repo/datasets/index.tmpl      | 3 ++-
 web_src/js/components/MinioUploader.vue | 8 +++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/templates/repo/datasets/index.tmpl b/templates/repo/datasets/index.tmpl
index 7dc5bb9b8..92ced788f 100755
--- a/templates/repo/datasets/index.tmpl
+++ b/templates/repo/datasets/index.tmpl
@@ -66,8 +66,9 @@
           </div>
           <div class="dataset ui middle very relaxed page">
             <div class="column">
-              <div id="minioUploader">
+              <div style='display:none;' id="minioUploader-params" data-uuid="{{.uuid}}" data-add-url="{{AppSubUrl}}/attachments/add" data-accepts="{{.AttachmentAllowedTypes}}" data-remove-url="{{AppSubUrl}}/attachments/delete" data-csrf="{{.CsrfToken}}" dataset-id={{.dataset.ID}} data-max-file="100"  data-dataset-id="{{.dataset.ID}}" data-max-size="{{.AttachmentMaxSize}}" data-default-message="{{.i18n.Tr "dropzone.default_message"}}" data-invalid-input-type="{{.i18n.Tr "dropzone.invalid_input_type"}}" data-file-too-big="{{.i18n.Tr "dropzone.file_too_big"}}" data-remove-file="{{.i18n.Tr "dropzone.remove_file"}}">
               </div>
+              <div id="minioUploader"></div>
             </div>
           </div>
         </div>
diff --git a/web_src/js/components/MinioUploader.vue b/web_src/js/components/MinioUploader.vue
index 850cacfca..594af1828 100755
--- a/web_src/js/components/MinioUploader.vue
+++ b/web_src/js/components/MinioUploader.vue
@@ -34,12 +34,18 @@ export default {
   },
 
   async mounted() {
-    const dropzoneUploader = await createDropzone("div#dropzone", {
+    const $dropzoneParams = $('div#minioUploader-params')
+    const $dropzone = $('div#dropzone')
+    const dropzoneUploader = await createDropzone($dropzone[0], {
       url: '/todouploader',
       maxFiles: this.maxFiles,
       maxFilesize: this.maxFileSize,
       timeout: 0,
       autoQueue: false,
+      dictDefaultMessage: $dropzoneParams.data('default-message'),
+      dictInvalidFileType: $dropzoneParams.data('invalid-input-type'),
+      dictFileTooBig: $dropzoneParams.data('file-too-big'),
+      dictRemoveFile: $dropzoneParams.data('remove-file'),
     })
     dropzoneUploader.on("addedfile", (file) => {
       setTimeout(() => {