AddAsyncUpload.vue: add asyncupload form

This commit is contained in:
nobohan
2022-02-24 09:05:16 +01:00
parent 5f71b46bb7
commit f19a090549
2 changed files with 35 additions and 4 deletions

View File

@@ -13,7 +13,7 @@
</template>
<template v-slot:body>
<div id="dropZoneWrapper">
<div id="dropZoneWrapper" ref="dropZoneWrapper">
<div
data-stored-object="data-stored-object"
data-label-preparing="Preparing"
@@ -29,6 +29,26 @@
data-dict-remove="Remove existing file"
data-allow-remove="true"
data-temp-url-generator="url">
<input
type="hidden"
data-async-file-upload="data-async-file-upload"
data-generate-temp-url-post="/asyncupload/temp_url/generate/post?expires_delay=180&amp;submit_delay=3600"
data-temp-url-get="/asyncupload/temp_url/generate/GET"
:data-max-files="options.maxFiles"
:data-max-post-size="options.maxPostSize"
>
<input
type="hidden"
data-stored-object-key="1"
>
<input
type="hidden"
data-stored-object-iv="1"
>
<input
type="hidden"
data-async-file-type="1"
>
</div>
</div>
</template>
@@ -53,6 +73,7 @@ export default {
},
props: [
'buttonTitle',
'options'
],
data() {
return {
@@ -62,12 +83,17 @@ export default {
},
}
},
updated() {
if (this.modal.showModal){
searchForZones(this.$refs.dropZoneWrapper);
}
},
// mounted() {
// console.log(this.options)
// },
methods: {
openModal() {
this.modal.showModal = true;
let dropZoneWrapper = document.getElementById('dropZoneWrapper');
console.log(dropZoneWrapper)
searchForZones(document); //TODO: only searchforzone in modal body
},
}
}