tentative to add asyncupload into modal

This commit is contained in:
nobohan
2022-02-23 17:21:35 +01:00
parent 154f976762
commit 5f71b46bb7
4 changed files with 78 additions and 61 deletions

View File

@@ -2,7 +2,6 @@
<a class="btn btn-create" :title="$t(buttonTitle)" @click="openModal">
<span>{{ $t(buttonTitle) }}</span>
</a>
<teleport to="body">
<div>
<modal v-if="modal.showModal"
@@ -14,7 +13,24 @@
</template>
<template v-slot:body>
modal body
<div id="dropZoneWrapper">
<div
data-stored-object="data-stored-object"
data-label-preparing="Preparing"
data-label-quiet-button="Download existing file"
data-label-ready="Ready to show"
data-dict-file-too-big="File too big"
data-dict-default-message="Drop your file or click here"
data-dict-remove-file="Remove file in order to upload a new one"
data-dict-max-files-exceeded="Max files exceeded. Remove previous files"
data-dict-cancel-upload="Cancel upload"
data-dict-cancel-upload-confirm="Are you sure you want to cancel this upload ?"
data-dict-upload-canceled="Upload canceled"
data-dict-remove="Remove existing file"
data-allow-remove="true"
data-temp-url-generator="url">
</div>
</div>
</template>
<template v-slot:footer>
@@ -28,6 +44,7 @@
<script>
import Modal from 'ChillMainAssets/vuejs/_components/Modal';
import { searchForZones } from '../../module/async_upload/uploader';
export default {
name: "AddAsyncUpload",
@@ -45,14 +62,13 @@ export default {
},
}
},
computed: {
},
methods: {
openModal() {
this.modal.showModal = true;
let dropZoneWrapper = document.getElementById('dropZoneWrapper');
console.log(dropZoneWrapper)
searchForZones(document); //TODO: only searchforzone in modal body
},
}
}
</script>
</script>