| @@ -66,8 +66,9 @@ | |||||
| </div> | </div> | ||||
| <div class="dataset ui middle very relaxed page"> | <div class="dataset ui middle very relaxed page"> | ||||
| <div class="column"> | <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> | ||||
| <div id="minioUploader"></div> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| @@ -34,12 +34,18 @@ export default { | |||||
| }, | }, | ||||
| async mounted() { | 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', | url: '/todouploader', | ||||
| maxFiles: this.maxFiles, | maxFiles: this.maxFiles, | ||||
| maxFilesize: this.maxFileSize, | maxFilesize: this.maxFileSize, | ||||
| timeout: 0, | timeout: 0, | ||||
| autoQueue: false, | 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) => { | dropzoneUploader.on("addedfile", (file) => { | ||||
| setTimeout(() => { | setTimeout(() => { | ||||