mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-08-29 19:13:49 +00:00
tentative to add asyncupload into modal
This commit is contained in:
@@ -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>
|
Reference in New Issue
Block a user